关于网页设计,一般css文件是一个好呢?还是多个文件

html-css05

关于网页设计,一般css文件是一个好呢?还是多个文件,第1张

按理论来说一个更好,因为每多一个文件的引入,就会多一次服务器请求,网页打开就会多耗那么零点几秒。

类似某宝这些访问量很大对用户体验、打开速度要求又高的网站,这种站本身页面结构也复杂,有很多个css和js文件,他们服务器端都有程序会自动把多个css、js文件合并成一个的。

不过话说一般的站点,同时并发访问量没上万的,也没必要去折腾这些玩意,css一个也好,三五个也好,节约不节约那零点几秒问题都不大。

常用的几乎每个页面都用得到的写在一个全局文件里面,比如作为清除代理样式的代码即可写在这里,

其他代码如果少量的话可以直接写在页面的head里面,方便维护,

如果是想首页一样的大页面需要额外的大量的css则可以写成另一个单独的css文件然后外联使用。但是目前很多网站直接将css文件写在页面里面(即使特别多),目的是为了提高页面的装载效率

css文件对页面影响不大,就算是你写3万行也没太大影响,一般主要影响页面的是图片、动态脚本、flash动画、后台程序;如果你工作不负责后台的话,那你就注意切图的时候尽量把图片处理的小一些,能1px平铺的就平铺,能用代码实现的就尽量别用图片,页面的动态效果尽量少一些,或者说没太大必要的就别弄,至于flash动画,能用gif代替就尽量别用swf文件;

我一般写样式是不换行的,例如:

.divstyle{ color:#fffborder:1px solid redbackground:#000height:40px}

我习惯于这样写,这样能减少行数,一次能看到的样式数量会更多,比较方便于我修改;

很多人都习惯于下面这种写法,例如:

.divstyle{

color:#fff

border:1px solid red

background:#000

height:40px

}

这样的写法比较规整,看样式能够一目了然明白,只是行数太多了