如果一个网站有很多页共用一个css文件,css文件会被重复加载吗?

html-css017

如果一个网站有很多页共用一个css文件,css文件会被重复加载吗?,第1张

你的意思是这样吗:

如两个页面都连接同一个CSS文件

当一个页面打开后,这个CSS文件被加载到临时文件夹

打开另一个页面后,这个CSS文件会不会再下载一次?

不会

除非你那页面设置不要缓存

方法1:用css的属性选择器。

div[class^="aa"] {

background-color:#d6d6d6

height: 50px

} <div class="aa1">1</div>

<div class="aa2">2</div>

<div class="aa3">3</div>

方法2:用空格分隔多个class

.aa {

background-color:#d6d6d6

height: 50px

} <div class="aa aa1">1</div>

<div class="aa aa2">2</div>

<div class="aa aa3">3</div>

是部分公用才对。比如所有页面的头部脚部一般是一样的,就放在一个公用css里如public.css,每个页面都要链接这个css。不一样的部分单独写一个,如主页就做一个index.,css,列表页就写一个list.css,所有列表页就可以链接这个css表,内容页也可以写一个content.css。按照以上做法,每个页都链接了两个css。其实一般还有一个重置标签的css要单独放一个reset.css,这个css你以后做其他网站就可以再用了。