《图解CSS3》——笔记（一）

作者：大漠

勘误：http://www.w3cplus.com/book-comment.html

---

2014年7月14日14:46:35

第一章  揭开CSS3的面纱

1.1  什么是CSS3

CSS2.1是单一的规范,而CSS3被划分成几个模块组,每个模块组都有自己的规范.

1.1.1  CSS3新特性

1.强大的CSS3选择器

2.抛弃图片的视觉效果

3.背景的变革

4.盒模型变化

5.阴影效果

6.多列布局和弹性盒模型布局

7.Web字体和Web Font图标

8.颜色与透明度

9.圆角与边框的新写法

10.盒容器的变形

11.CSS3过度与动画交互效果

12.媒体特性和Responsive布局

1.1.2  CSS3的发展状况

1.1.3  现在能使用CSS3吗

1.1.4  使用CSS3有什么好处

1.减少开发和维护成本

2.提高页面性能

    在进行WEB开发时,减少多余标签嵌套,以及图片的使用数量,意味着用户要下载的内容将会更少,页面加载速度也会更快.

1.2  浏览器对CSS3的支持状况

1.2.1  经典回顾:图说浏览器大战

1.2.2  浏览器的市场份额

1.2.3  主流浏览器对CSS3的支持状况

1.3  渐进增强

1.3.1  渐进增强与优雅降级

渐进增强:

    渐进增强是一种开发方式,更是一种设计理念.

    在编写WEB页面时,首先保证最核心的功能实现,让任何低端的浏览器都能看到站点内容,然后考虑使用高级但非必要的CSS和JavaScript等增强功能.

    它有别于CSS的hack(浏览器厂商的一种手法,用来增强自己的竞争),起到的是锦上添花的作用,所以hack尽量避免使用,渐进增强适当使用.



优雅降级:

    在设计的时候,先考虑低端设备用户能否看到所有内容,然后在此基础之上为高端用户进行设计.

    不仅为高端设备用户提供一个完美的应用,也要为不同性能级别设备的用户设计不同级别的不那么完美的应用.

    目的----向尽可能多的用户提供尽可能优质的用户体验.

先低级再高级,先内容再效果.

1.3.2  渐进增强的优点

1.4  CSS3的现状及未来

1.4.1  谁在使用CSS3

1.4.2  CSS3的未来

1.5  本章小结