首页 > 代码库 > 《图解CSS3》——笔记(一)

《图解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  本章小结