《CSS3使用指南》读书笔记

一、CSS3的来龙去脉

1.CSS3的新特性:

  1)不依赖图片的视觉效果

  2)盒容器变形

  3)独一无二的字体

  4)强大的选择器

  5)过渡与动画

  6)媒体信息查询

  7)多列布局

2.CSS标准发布分5个阶段,所有特性的目前所处阶段可以在这里查看:www.w3.org/Style/CSS/current-work,一般处于第3阶段时,我们就可以使用它了

3.CSS3对你的网站到底意义几何,是由你的项目和用户所决定的,而不是根据浏览器的份额来。应该支持IE6,但不应该花很多精力在上面

4.渐进增强:在你编写Web页面时,首先让它们在基础的浏览器和设备上正常工作,且展现得当,然后再辅以更高级但非必要的CSS和JS等增强功能,来为当前和未来的浏览器提供更好的支持(当用户浏览器升级的时候可以自动发挥功用)

5.本书推荐通过给html标签加class名的方式,来兼容老版本的浏览器(P85)

6.试试浏览器设计(http://www.jianshu.com/p/2b43083f2e2f)

PS.摘录一句话:一旦遇到冲突,最终用户优先,其次是作者,其次是实现者,其次标准制定者,最后才是理论上的完满

二、气泡对话框

1.利用边框做出三角形和气泡小尾巴

2.利用RGBA或HSLA做出半透明效果

三、纸质笔记

1.用background-size来调节背景图大小(测试地址:http://w3school.com.cn/tiy/c.asp?f=css_background-size&p=7)

2.单一容器上可以使用复合背景图片

3.使用边框图片(http://border-image.com/)

4.嵌入字体

你可能感兴趣的:(《CSS3使用指南》读书笔记)