手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
摘要:CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已...

CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。

一、参考手册

1. Idiomatic CSS

编写统一、符合习惯的CSS的原则,有中文版本。

2. CSS3 Click Chart

示例代码和CSS3特性支持情况表。

3. CSS3 Selector

CSS3 Selector的官方指导手册。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制1

4. HTML5 & CSS3 Support

主流浏览器对HTML5和CSS3支持情况一览表。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制2

5. CSS3 - Information and Samples

针对CSS3的各种信息和示例。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制3

6. Sencha CSS3 Cheat Sheet

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制4

7. Smashing Magazine CSS3 Cheat Sheet

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制5

二、CSS代码生成工具

1. Gradient Editor

一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制6

2. Gradient

CSS3渐变代码生成器。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制7

3. Border Radius

边界半径(圆角)代码生成器,通过设置四个角的半径数字,即可自动生成代码,且能够直接预览到效果。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制8

4. CSS3 Generator

通过可视化形式设置各种属性,包括文字阴影、轮廓、边界、渐变、过渡等,并能够自动生成代码。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制9

5. CSS3

针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制10

6. LayerStyles

如果你熟悉Adobe Photoshop,你会发现这个工具非常好用。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制11

7. CSSWarp

自动生成路径文本的CSS代码。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制12

8. Font Squirrel

生成woff、svg、eot和ttf格式的字体,并在CSS中使用。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制13

9. CSS3 Maker

强大的CSS3代码生成器。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制14

10. CSS3 Tool

各种CSS3代码生成工具集合。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制15

【利用CSS3参考手册和CSS3代码生成工具加速来学习网页制】相关文章:

CSS应用基础教程:应用补充

CSS样式表一席谈之CSS快速入门

SPAN和DIV的区别

CSS代码解决网页挂马问题

用CSS缩写给你的网站加速

检测密码强度的机制

在css样式中的stylesheet是什么意思

两个DEDECMS分页样式css代码

CSS教程:clip属性完全解答

CSS弄懂闭合浮动元素

精品推荐
分类导航