css样式表横写和竖写差异对比

  作者:bea

昨天在查看一个网页源代码的时候,想获取一张好看的背景图片,于是下载了那个网站的css样式表,发现它的css样式是横着写的。 可能大多数的朋友写css样式表都是竖着写的,我也不例外,从一开始接触css也是竖着写的,一直将这个习惯保持到现在有一年多了,可是昨天发现横着写css样式表起始好处还是比较多的。 如果你对css样式表比较熟悉的话,我建议你采用横写的方式,第一是你会发现如果竖着写的话写完了一个属性和值你就得换一行,老是要按一下回车,比较费时。而如果你采用横写的方式的话就

昨天在查看一个网页源代码的时候,想获取一张好看的背景图片,于是下载了那个网站的css样式表,发现它的css样式是横着写的。

可能大多数的朋友写css样式表都是竖着写的,我也不例外,从一开始接触css也是竖着写的,一直将这个习惯保持到现在有一年多了,可是昨天发现横着写css样式表起始好处还是比较多的。

如果你对css样式表比较熟悉的话,我建议你采用横写的方式,第一是你会发现如果竖着写的话写完了一个属性和值你就得换一行,老是要按一下回车,比较费时。而如果你采用横写的方式的话就省去了回车消耗的时间。

第二方面是横写的css样式表文件大小明显要比竖写的小得多,这是因为竖写的css样式表文件里存在很多空格。

有人觉得竖着写css样式表方便、美观。看个人习惯吧,如果你习惯了竖着写css样式表就竖着写吧。不过还是建议大家横着写css样式表,你去大型网站,也就是那些流量大的网站看看咯,大部分都是横着写的css样式表,这是因为我上面讲的横着写压缩了css文件,减少了带宽,更加有利于浏览器快速加载css文件。

大型网站都会在每个尽量可以优化的地方进行优化,所以大家养成横着写css样式也不失为一个好的习惯哦。

有用  |  无用

猜你喜欢