首先，笔者在制作时间上进行对比，利用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除了比较美观的效果外，还有更多的优点，毕竟它是网络技术发展中的产物，必然会向更加简单实用美观的方向发展。
需要准备的材料分别是：电脑、chrome浏览器。
1、首先，打开chrome浏览器，进入要查看的网页，例如：zhidao.baidu.com。
2、键盘按F12，会调出开发者工具，点击“Network”标签页。
3、键盘按“F5”键以刷新页面，此时从开发者工具可以看到各个资源（例如图片、css文件、js文件）的加载花费时间。
页面的加载是从上往下慢慢加载的。也就是说你css的文件链接写在哪，加载到那的时候，就会把css文件加载过来。
你可以试一试把css的文件链接放在头和尾两个地方，分别试一试页面加载的情况。
