学科分类
目录
HTML5+CSS3

CSS3的优势

CSS3是CSS规范的最新版本,在CSS2.1的基础上增加了很多强大的新功能,以帮助开发人员解决一些实际面临的问题。使用CSS3不仅可以设计炫酷美观的网页,还能提高网页性能。与传统的CSS相比,CSS3最突出的优势主要体现在节约成本和提高性能两方面,本节将做具体介绍。

1.节约成本

CSS3提供了很多新特性,如圆角、多背景、透明度、阴影、动画、图表等功能。在老版本的CSS中,这些功能都需要大量的代码或复杂的操作来完成,有些动画功能还涉及Javascript脚本。但CSS3的新功能帮我们摒弃了冗余的代码结构,远离很多Javascript脚本或者Flash代码。网页设计者不再需要花大把时间去写脚本,极大的节约了开发成本。例如,图1所示是老版本CSS实现圆角的方法,设计者需要先将圆角裁切,然后通过HTML标签进行拼接才能完成,但使用CSS3直接通过圆角属性就能完成。

img

图1 圆角切图

2. 提高性能

由于功能的加强,CSS3能够用更少的图片或脚本制作图形化网站。在进行网页设计时,减少标签的嵌套和图片的使用数量,网页页面加载也会更快。此外,减少图片、脚本代码,Web站点就会减少HTTP请求数,页面加载速度和网站的性能就会得到提升。

点击此处
隐藏目录