当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS3 VS CSS2大PK

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:CSS3 VS CSS2大PK CSS3(90)请(1)服务器(15)CSS2(5)网站建设(1202)
--> [网站建设之]CSS3 VS CSS2大PK 服务器请求次数 另外一个权衡指标是服务器请求次数, CSS3 Transition属性详解 ,个别网页中有多少文件,就会对服务器有多少次请求数。不要小看这个指标, CSS3 target伪类简单介绍 ,很多网页制作高手为了减少对服务器的要
CSS3 VS CSS2大PK》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331c2013.htm
--> [网站建设之]CSS3 VS CSS2大PK


服务器请求次数
另外一个权衡指标是服务器请求次数,CSS3 Transition属性详解,个别网页中有多少文件,就会对服务器有多少次请求数。不要小看这个指标,CSS3 target伪类简单介绍,很多网页制作高手为了减少对服务器的要求负载,才摸索出CSS Sprite技术。
如上图中图二所示,CSS3中一共有12个文件,CSS版本中有22个文件,所以它们对服务器的恳求数分辨为12跟22。又是CSS3胜出。
最后,综合以上的数据,在图三中已经列出CSS3和CSS的相干数据,CSS3完胜。
这下咱们能够看到CSS3除了比拟雅观的后果外,还有更多的长处,究竟它是网络技巧发展中的产物,必定会向更加简略适用美观的方向发展。

 


参考

本文作者通过制造同样的页面对CSS2和CSS3进行了比较,我们来看一下谁更胜一筹。
CSS3已经面世良久,目前仍处于开发完美阶段。不外网上对于CSS3的介绍、使用方式和褒奖已经传得满城风雨了,建站学也有少关于CSS3的先容。CSS3比CSS2到底是不是真的好?到底有什么优胜之处呢,CSS3 RGBA颜色类型不等于RGB与opacity相加
本文鉴戒国外作者的文章(原文可以查看文章底部链接),从CSS3编写及作用原理以外的角度剖析一下CSS3与CSS的差异。
笔者利用本人制作的一个页面为例,分别使用CSS和CSS3,CSS3 Media Queries详解?两个版本制作了雷同的页面,使这两个页面效果简直相同,而后对这两个CSS文件进行比较。

Tag:CSS3   CSS2  ,CSS3 Gradient 创建水晶按钮实例;  ,css3 border-image使用说明; CSS3   CSS2    


制作时间
首先,笔者在制作时光长进行对照,CSS11个class与一个id谁的优先级高,应用CSS3制作页面远比应用CSS节俭时间。由于CSS3可以直接制作许多效果用来调换图片,css-sprite适用的条件 对css-sprite的理解,而使用旧CSS版本制作的页面须要制作一些图片来体现效果,所以在制作图片上也要破费良多时间。


文件数目、容量及加载时间
其次,作者从文件的大小和加载时间方面进行了比较,CSS+DIV网页重构对比TABLE显著优势,如上图图一中所示。
CSS3版本的CSS文件大小为5.2K,网页文件总数为12,总容量为767.9K;CSS版本的CSS文件为4.5K,但网页文件总数为22,CSS+DIV网站优化(seo),网页容量为849.2K。加载时间分离是3.3秒和4.7秒。
从以上数据可见,CSS3比CSS精简很多,速度也更快。


(责任编辑:网站建设)
CSS3 VS CSS2大PK相关文章
上一篇:CSS3 Transition属性详解 下一篇:Css3 弹性盒模型
回到顶部