css2和css3有什么区别?

html-css021

css2和css3有什么区别?,第1张

简单来说就是css2有的属性css3都有,但是css3有的属性css2不一定有。

css3可以说是css2的进阶,因为css3是在css2的基础上增加了一些新的属性,如:border-radius、transform等。

制作时间

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

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

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

从以上数据可见,CSS3比CSS精简很多,速度也更快。

服务器请求次数

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

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

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

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

这些都是w3c制定的规范。

HTML5相较于HTML4,CSS3相较于CSS2.1,都做出了一定程度的修改。

这些修改包括一些标签的增加/删减,标签定义的改变,属于一种修订和改进。

比如,HTML5为了更符合(内容与表现的分离),增加了header这样的专用标签。在HTML4中,如果要定义“头部”区块,你只能用<div

class/id="header"></div>,而在HTML5中,你可以直接用<header></header>,这样对搜索引擎更加友好。

比如,CSS3增加了对矩形圆角的支持border-radius,增加了动画/变形等一系列新属性,使HTML+CSS能完成更多的工作。