读《图解CSS3》有感——走进CSS3（一）

    相对于CSS2.1，CSS3有了质的飞跃，它不再需要非语义标签、复杂的javascript脚本以及图片。

    那么我们一定会很急切地想知道CSS3都有哪些新的强大功能，比如有多列布局、弹性盒模型、圆角、阴影透明度以及HSL、HSLA、RGBA等新的颜色模式等等。

    所以使用CSS3除了这些新功能还有什么好处吗？当然是有的，不仅有利于网站开发和维护，而且还能提高网站的性能，还能增加网站的可访问性、可用性，使网站能适配更多的设备，甚至还可以优化网站SEO，提高网站的搜索排名结果。说它有利于开发是因为圆角等新特性使我们远离了一大推的javascript脚本代码，更加轻量，再比如，提高网络性能的方面，CSS3的动画效果，能够减少对javascript和flash文件的HTTP请求，但是可能要求浏览器执行很多的工作来完成这样的渲染。页面最终离不开浏览器来渲染，并非所有的浏览器都支持CSS3的特性。我们制作一个网站，原则上不应该抛弃某些用户，非IE浏览器和IE浏览器上花费的时间同样重要。

    主流浏览器对CSS3的支持情况可以参见此链接。

    渐进增强是一种开发方式，是指在编写web页面时，首先保证最核心的功能的实现，让任何低端的浏览器都能看到站点内容，然后考虑使用高级但非必要的CSS和javascript等增强功能，为当前和未来的浏览器提供更好的支持，给用户带来更好的体验。

    在设计的时候，不仅为高端设备用户提供一个完美的应用，也要为不同性能级别设备的用户设计不同级别的不那么完美的应用，这称之为优雅降级。

    为什么要提渐进增强和优雅降级这两个概念，我们应该要改变制作web站点的思维，让网站能优雅降级，想尽可能多的用户展现良好的用户体验效果。

    总的来说学习CSS3是大势所趋，而且这也是作为一名优秀的前端开发人员所需掌握的技术之一。