CSS3 教程

CSS3使用了层叠样式表技术，可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版，拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。

CSS3的改变有很多，增加了文字特效，丰富了下划线样式，加入了圈重点的功能。在边框方面，有了更多的灵活性，可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面，特意增加了投影。

CSS3在兼容上做了很大的功夫，并且网络浏览器也还将继续支持CSS2，因此原来的代码不需要做太多的改变，只会变得更加地轻松。

温馨提示：如果您想通过边学边练的方式学习CSS，那么请您移步CSS3微课！

如果您觉得CSS的学习难度较高，不易理解，建议您采用视频教程进行学习：CSS3视频课程

学习CSS3，自然是要搭配着html5以及javascript一起进阶，这样才能够更加全面地掌握到建站技术。

本书知识点

• CSS3 边框
• CSS3 圆角
• CSS3 背景
• CSS3 渐变
• CSS3 阴影
• CSS3 选择器
• CSS3 文本效果
• CSS3 字体
• CSS3 动画
• CSS3 用户界面
• CSS 图片
• CSS 按钮
• CSS3 多媒体

CSS3生成工具

• CSS3 Maker：http://www.css3maker.com/
• CSS3 Generator：http://www.css3.me/
• CSS3 Drop shadow generatr：http://www.cssmatic.com/box-shadow
• CSS3代码生成器：http://www.w3cschool.cn/tools/index?name=layerstyles
• CSS3圆角生成器：http://www.w3cschool.cn/tools/index?name=circularbead

CSS3调试工具

• Modernizr,HTML5/CSS3 特性检测库：http://modernizr.cn/
• CSS3 transform(变形)和transform-origin(变形原点)调试工具：http://www.w3cschool.cn/tools/index?name=css3_transform
• CSS3 Text Stroke(文本描边)和text-fill-color(文本填充色)调试工具：http://www.w3cschool.cn/tools/index?name=css3_textstroke
• CSS3 border-radius(圆角)效果在线调试工具：http://www.w3cschool.cn/tools/index?name=css3_borderradius
• CSS3 Text Shadow(文本阴影)效果在线调试工具：http://www.w3cschool.cn/tools/index?name=css3_textshadow
• CSS3 Box Shadow(阴影)效果在线调试工具：http://www.w3cschool.cn/tools/index?name=css3_boxshadow
• Firefox的Linear Gradients (线性渐变)在线调试工具：http://www.w3cschool.cn/tools/index?name=moz_LinearGradients