简述CSS3和CSS2有什么不同

html-css047

简述CSS3和CSS2有什么不同,第1张

1 CSS3能代码更简洁、页面结构更合理,性能和效果得到兼顾;

2 CSS3.0的一个动态流概念很好,类似FLASH味道,这个CSS2.0无法比拟;;

3 CSS3数据更精简实用,许多CSS2.0要用图片做效果,它不需要,直接代码;;

CSS2.0要请求服务器次数就要明显高于CSS3.0,所以性能和访问就要明显差点;

4 但是就目前来讲,必须提到一点是兼容性问题,CSS3.0是新事物,所以目前来讲,国内浏览器大多还是IE8左右级别,大部分是不支持CSS3.0所以目前只有加强下CSS2.0功效果;

但是用DW CS6.0,IE9、FF4+、chrome11+来进行调试,它们是支持CSS3.0的;

制作时间

首先,笔者在制作时间上进行对比,利用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除了比较美观的效果外,还有更多的优点,毕竟它是网络技术发展中的产物,必然会向更加简单实用美观的方向发展。

都是网页样式code,不同的在于css3比css多了一些样式设置而已。

css3是向前兼容的,也就是说,css中有效的code在css3也有效。

以上是纯code方面来看,而对于具体的显示效果,还要看浏览器对其的支持情况。

举2个简单的例子:

一、一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。

二、一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。

css3和css,在编写code的时候,除了对一些css3中新出现的属性设置,其它完全一样。