CSS3与CSS相比有哪些优势？

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

1.节约成本

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

图1 圆角切图

2. 提高性能

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

猜你喜欢：

CSS3颜色不透明度的设置方法【web前端】

CSS3盒子模型边框怎样实现圆角效果？

黑马程序员Html5+Css3由浅入深视频教程下载    

黑马程序员前端高级软件工程师培训