例如昨天你修改了css文件,然后你调用css文件时可以这样引用。
<link type="text/css" rel="stylesheet" href="common.css?v=201106025"/>
今天你又对css文件作了修改,那你调用css文件时改下日期,说明这css是今天修改的。
<link type="text/css" rel="stylesheet" href="common.css?v=201106026"/>
这方便程序员识别css是什么时候修改过至于,也可以让客户端即时下载最新的css样式。防止缓存.
如果css文件缓存时间是3天时间,并且你引用css文件用以下方式:
<link type="text/css" rel="stylesheet" href="common.css"/>
那么游客昨天浏览过你的网站。客户端将会对common.css保留到后天,这3天时间内无论游客反复访问你的网站。common.css文件都不会从你的站点下载,而是直接读取缓存在本地计算机的common.css。
但刚好今天你修改过common.css文件,这是该游客的客户端不会因为你修改过css文件而立即从新下载最新的css文件。
因此如果你想客户端能即时下载最新的css文件:
1、要么就是让客户端清楚浏览器缓存,不太实际的做法。
2、不设置css文件的缓存时间,意思就算游客每刷新一次页面都会从新下载css文件。这么以来你服务器的负担就会增大。
3、就是你所问,common.css后面带参数。这样客户端浏览时发现之前的css文件路径与当前的css文件路径不相同,就会立即下载最新的css文件了。
外部CSS文件的扩展名就为css,比如:index.css、common.css等
在HTML文件当中引入CSS文件的时候,使用:
<link rel="stylesheet" href="此处书写路径,html文件与css文件的路径关系">此外,如果是用外部书写CSS的话,CSS文件顶部需要增加这句代码,用于设置CSS字符编码:
@charset "utf-8"
PS:自学HTML和CSS的话,建议借助书籍学习,会更快,也会更有实战性,推荐《HTML5布局之路》很适合新手
首先将css写入一个单独的样式文件,比如style.css,然后在所有需要此样式的页面导入此样式
如楼上的说法:<link rel="stylesheet" type="text/css" href="mystyle.css">
现在很多网站为了让页面基本样式风格统一,都会创建一个默认的样式表,这个样式表会在所有页面载入,相当于页面初始化样式的意思,先导入默认样式表,然后每个页面再根据自身的不同导入自身独特的样式