CSS3技术现在越来越成熟，通过CSS3的一些新特性（如box-sizing、边界半径、文字阴影、渐变等）创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此，如果你是一名前端设计师，就需要掌握这些最新的技术，否则就有可能会被淘汰。一、参考手册1. Idiomatic CSS编写统一、符合习惯的CSS的原则，有中文版本。2. CSS3 Click Chart示例代码和CSS3特性支持情况表。3. CSS3 SelectorCSS3 Selector的官方指导手册。 4. HTML5 & CSS3 Support主流浏览器对HTML5和CSS3支持情况一览表。 5. CSS3 - Information and Samples针对CSS3的各种信息和示例。 6. Sencha CSS3 Cheat Sheet 7. Smashing Magazine CSS3 Cheat Sheet 二、CSS代码生成工具1. Gradient Editor一个强大的CSS渐变代码可视化编辑器，类似于Photoshop的渐变设置界面。 2. GradientCSS3渐变代码生成器。 3. Border Radius边界半径（圆角）代码生成器，通过设置四个角的半径数字，即可自动生成代码，且能够直接预览到效果。 4. CSS3 Generator通过可视化形式设置各种属性，包括文字阴影、轮廓、边界、渐变、过渡等，并能够自动生成代码。 5. CSS3针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。 6. LayerStyles如果你熟悉Adobe Photoshop，你会发现这个工具非常好用。 7. CSSWarp自动生成路径文本的CSS代码。 8. Font Squirrel生成woff、svg、eot和ttf格式的字体，并在CSS中使用。 9. CSS3 Maker强大的CSS3代码生成器。 10. CSS3 Tool各种CSS3代码生成工具集合。

　　推荐阅读

　　图解JQUERY对尺寸及位置的定义(图文讲解)

　　最近在学习JQUERY的一些应用，接触到了JQUERY对于元素尺寸及位置定义，还有就是配合浏览器尺 寸及状态的计算所做出的一些动画特效。其实像这类JQUERY应用无外乎涉及这些属性的调用：innerHeight()、innerWid>>>详细阅读

本文标题：利用CSS3参考手册和CSS3代码生成工具加速来学习网页制

地址：http://www.17bianji.com/kaifa2/CSS/16440.html

 1/2    1