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

浏览数：39 / 时间：2015年06月09日

作者：大漠

勘误：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 渐进增强的优点