html
body
div#wrapper
div#navsecond
html>body div#navsecond
div#maincontent
div#sidebar
div#footer
div#footer p
/* --- 页面头定义-- */
div#header, div#header_index
div#header a, div#header_index a, div#header_index h1
div#header a:link, div#header a:visited
div#header a:hover
div#header
div#ad_head
div#header_index a:link, div#header_index a:visited
div#header_index a:hover
/* ------ 首页定义---------*/
body#homefirst div#maincontent
body#homefirst div#maincontent div
body#homefirst div#maincontent div#w3
body#homefirst div#maincontent div#partner
body#homefirst div#maincontent div#update
body#homefirst div#maincontent div#w3 h2
body#homefirst div#maincontent h3
body#homefirst div#maincontent div.idea
body#homefirst div#maincontent div.idea img
/* ------ Nav首部分定义--------*/
div#navfirst
div#navfirst ul#menu
div#navfirst ul#menu li
ul#menu li,ul#menu a
/* 默认链接*/
a:link, a:visited
a:hover
a:active
div#navsecond a:link, div#navsecond a:visited
div#navsecond a:hover
div#navsecond a:active
div#navsecond a#link_help
div#navsecond a#link_about
div#maincontent .partner a
div#footer a:link, div#footer a:visited
div#footer a:hover
div#footer a:active
/* ---- 排版部分 ------- */
h2, h3, h4, h5, h6
div#maincontent h2
div#maincontent h3, div#maincontent h4
div#navsecond h2, div#sidebar h2
body#homesecond div#navsecond li
div.backtoreference p
div#w3school p
div#maincontent div p:first-child
div#intro strong
p.note span, p.important span, p.tip span, p.inherited, p.inherited span
p.important span
p.tip span
p.inherited
p.inherited span
p.chinese span
em
pre
pre code
pre span
.tabledata table pre
div#maincontent ul
div#maincontent li
div#navsecond ul, div#navsecond li, div#sidebar ul, div#sidebar li
div#navsecond ul, div#sidebar ul
div#navsecond li, div#sidebar li
div#navsecond li.list_apart
ul.small
img
div#maincontent img
div#maincontent div
body#homesecond dl
body#homesecond dt
body#homesecond dd
body#homesecond dd p
div#maincontent div#toc div
div#toc img
div#toc div dt, div#toc div dl
div#example dl, div.example dl, div#moreexamples dl, div#toc dl, div#referencelist dl
div#example dt, div.example dt, div#moreexamples dt, div#toc dt, div#referencelist dt
div#example dd, div.example dd, div#moreexamples dd, div#toc dd, div#referencelist dd
div#definition dl
div#definition dt
div#definition dd
div#definitionlist dl, dl.define
div#definitionlist dt, dl.define dt
div#definitionlist dd, dl.define dd
div#maincontent input, div#maincontent select, div#maincontent textarea
span.i
span.deprecated
span.marked
.tiy
p.gototop
简单的说是一种语言,也可以说是语言脚本,用来网页的排版。全称是“Cascading style sheet"即层叠样式表。
它用的语法和html(hyper text marked language)相似,不过对排版的某些方面比其更精确。
详细的关于此方面的知识可以参考有关书籍。
自定义的版本.例如昨天你修改了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文件了。