CSS3重点整理
一 简介
1用途
2优缺点及对比
优点：
（1）让网页更酷炫，效果和体验更好。
（2）减少开发和维护成本 原来需要大量js或设计图实现的效果，现在可以用css3轻松实现，比如动画，过度等。
（3）提升页面性能 css3使得网页需要的图片，js等资源数量减少，页面的http请求数的大幅减少有效提升了页面的性能。
缺点：
（1）会存在浏览器的兼容性问题
二 基本概念与技术重点整理
1.CSS3新特性
（1）强大的选择器
借鉴了jquery
（2）支持很多特殊的视觉效果，避免再去用图片或js才能实现
如：圆角，阴影，渐变背景，半透明，图片边框等
（3）背景增加很多新属性，使得定义的背景效果能更强大，丰富
如：background-origin，background-clip，background-size等，还可以在一个元素中设置多个背景图片。
（4）盒模型的变化
盒模型在css中非常重要，css3对盒模型进行了很多改善，使得原来要通过js实现的功能现在只需要css即可，如：弹性盒模型，能轻而易举实现各种布局，尤其是移动端的布局。
（5）阴影效果
文本阴影 text-shadow 进行了新的定义，使得文本看起来更醒目 盒子阴影 box-shadow 新增该属性方便为任何元素添加盒子阴影
（6）引入了模块方便创建多列布局与弹性盒模型布局
一些浏览器的支持还不够。
（7）web字体和web font图标
重新引入@font-face,可以链接服务器上的字体变成浏览器的安全字体，从此告别了用图片代替特殊字体的时代。
（8）颜色与透明度
css3引入了颜色模块，在RGB和16进制基础上，增加了HSL,HSLA,RGBA几种新的颜色模式。 HSLA和RGBA还增加了透明通道，能轻松改变透明度。此外还可以用opacity控制元素的透明度。 颜色和透明度的控制更加方便强大，大大减少了以前要实现这些效果对图片和js的依赖。
（9）圆角与边框
border,border-image等属性，让圆角与边框样式更加方便和丰富。
（10）变形
transform 变形属性可以在2D或3D空间里操作盒容器的位置和形状，实现如旋转，扭曲，缩放，移位等效果。这在css3出现前需要大量的js才能实现。
（11）过渡与动画
过渡（transition特性）能实现一些简单的动画效果，让效果更具流线性，平滑性和动感。 动画（animation特性）则能实现一些较复杂的动画交互效果。较好的减少了实现动画对js代码的依赖。
（12）媒体特性与响应式布局
css3的 @media 媒体查询，可以实现响应式布局，让布局根据用户设备选择对应的样式，从而在不同分辨率或设备下具有不同的布局渲染效果。
CSS3媒体查询
CSS媒体查询 https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
渐进增强与优雅降级
（1）渐进增强
针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
（2）优雅降级
一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。（目前更常用一些，因为保障了低级浏览器的体验）
具体参考： http://www.jianshu.com/p/d313f1108862
三 使用实践及案例
四 资源与参考
1官网
w3c最新的css标准 https://www.w3.org/TR/CSS/
2文档
3源码
4教程
（1）已学习：
（2）学习中：
（3）待学习：
官方教程：
其他教程：
w3cplus(css3专题)
2016 CSS Dev Conf会议笔记 http://www.w3cplus.com/css/notes-css-dev-conf-2016.html
5工具与资源
图解CSS3核心技术与案例实战（大漠著，推荐的css3方面的书）