点击这里给我发消息 点击这里给我发消息

CSS3 PK CSS2_CSS3的优越之处

添加时间:2013-12-6
    相关阅读: 网页制作 网页 开发 技术 页面 网络 CSS
 

CSS3已经面世很久,目前仍处于开发完善阶段。网上关于CSS3的介绍、使用方法和夸奖已经传得沸沸扬扬了,在前面的文章中我也介绍过一些。CSS3比CSS2到底是不是真的好?到底有什么优越之处呢?

 本文借鉴国外作者的文章(原文可以查看文章底部链接),从CSS3编写及作用原理以外的角度分析一下CSS3与CSS的差别。

笔者利用自己制作的一个页面为例,分别使用CSS和CSS3两个版本制作了相同的页面,使这两个页面效果几乎相同,然后对这两个CSS文件进行比较。

制作时间

首先,笔者在制作时间上进行对比,利用CSS3制作页面远比使用CSS节省时间。因为CSS3可以直接制作很多效果用来替换图片,而使用旧CSS版本制作的页面需要制作一些图片来体现效果,所以在制作图片上也要花费很多时间。

文件数量、容量及加载时间

其次,作者从文件的大小和加载时间方面进行了比较,如上图图一中所示。

CSS3版本的CSS文件大小为5.2K,网页文件总数为12,总容量为767.9K;CSS版本的CSS文件为4.5K,但网页文件总数为22,网页容量为849.2K。加载时间分别是3.3秒和4.7秒。

服务器请求次数

另外一个衡量指标是服务器请求次数,一般网页中有多少文件,就会对服务器有多少次请求数。不要小看这个指标,很多网页制作高手为了减少对服务器的请求负载,才探索出CSS Sprite技术。

如上图中图二所示,CSS3中一共有12个文件,CSS版本中有22个文件,所以它们对服务器的请求数分别为12和22。又是CSS3胜出。

最后,综合以上的数据,在图三中已经列出CSS3和CSS的相关数据,CSS3完胜。

这下我们可以看到CSS3除了比较美观的效果外,还有更多的优点,毕竟它是网络技术发展中的产物,必然会向更加简单实用美观的方向发展。

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册