作者:大漠
勘误: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的未来