| |
id用于標(biāo)識(shí)頁面唯一元素，id的名稱是控制某一內(nèi)容塊的手段，通過將某內(nèi)容塊置入div并賦予唯一的id，就可以用CSS選擇器來精確定義每一個(gè)頁面元素的外觀表現(xiàn)，包括標(biāo)題、列表、圖片、鏈接或者段落等等。例如你為#header寫一個(gè)CSS規(guī)則，就可以完全不同于#content里的圖片規(guī)則。
可以通過不同規(guī)則來定義不同內(nèi)容塊里的鏈接樣式。類似這樣：#nav a:link或者 #main a:link或者#footer a:link。也可以定義不同內(nèi)容塊中相同元素的樣式不一樣。例如，通過#main p和#sider p分別定義#main p和#sider p的樣式。從結(jié)構(gòu)上講，你的頁面是由圖片、鏈接、列表、段落等組成的，這些元素本身并不會(huì)對(duì)顯示在什么網(wǎng)絡(luò) 設(shè)備中（PDA還是手機(jī)或者網(wǎng)絡(luò)電視）有影響，它們可以被定義為任何的表現(xiàn)外觀。
一個(gè)仔細(xì)結(jié)構(gòu)化的HTML頁面非常簡單，每一個(gè)元素都被用于結(jié)構(gòu)目的。當(dāng)你想縮進(jìn)一個(gè)段落，不需要使用blockquote標(biāo)簽，只要使用p標(biāo)簽，并對(duì)p 加一個(gè)CSS的text-indent規(guī)則就可以實(shí)現(xiàn)縮進(jìn)目的。p是結(jié)構(gòu)化標(biāo)簽，text-indent是表現(xiàn)屬性，前者屬于HTML，后者屬于CSS。（這就是傳說中的結(jié)構(gòu)與表現(xiàn)相分離）
良好結(jié)構(gòu)的HTML頁面內(nèi)幾乎沒有表現(xiàn)屬性的標(biāo)簽。代碼非常干凈簡潔。例如，原先的代碼<table width="778" cellpadding="3" border="0" align="center">，現(xiàn)在可以只在HTML中寫<table id="MrJin">，所有控制表現(xiàn)的東西都寫到CSS中去，在結(jié)構(gòu)化的HTML中， table就是表格，而不是其他什么（更不能被用來布局和定位）。
當(dāng)然，CSS選擇器不只是這么簡單，除了id還有class還有后代選擇器，屬性選擇器等等。 |
|
|
| 【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
| |
|
|
|
