2.6  良好的HTML的重要性

雖然本書介紹的是CSS，但是我們不能忽視HTML的重要性。本書中所有的CSS都是針對(duì)HTML 4.01編寫的，但是即使不加修改，也能把它們用于符合其他標(biāo)準(zhǔn)的HTML，例如HTML 5或XHTML標(biāo)準(zhǔn)(如XHTML 1.0)。

不管選擇使用哪一種HTML，良好的、有效的標(biāo)記對(duì)于在多種瀏覽器中實(shí)現(xiàn)一致的呈現(xiàn)效果都十分重要。有效的標(biāo)記并不能絕對(duì)保證不會(huì)遇到呈現(xiàn)問題，但是當(dāng)遇到呈現(xiàn)問題時(shí)，首先檢查標(biāo)記是一種不錯(cuò)的做法。在驗(yàn)證標(biāo)記時(shí)，可以選擇W3C標(biāo)記驗(yàn)證器(http://validator.w3.org)，或者您的IDE可能也內(nèi)置了驗(yàn)證器。

文檔類型和怪異模式

在HTML文檔中，最重要的是要保證使用有效的現(xiàn)代文檔類型。HTML 4.01及更高版本和www.w3.org/QA/2002/04/valid-dtd-list.html中列出的任何XHTML版本的嚴(yán)格文檔類型都是適用的。

必須使用有效的文檔類型，否則現(xiàn)代瀏覽器會(huì)使用一種名為怪異模式的呈現(xiàn)模式。這是為了使原來的代碼能夠以預(yù)期的方式進(jìn)行呈現(xiàn)，這要求代碼編寫者遵循了建議的標(biāo)準(zhǔn)，從而他們會(huì)在代碼中包含有效的文檔類型。

怪異模式改變了CSS的工作方式，例如，元素寬度的計(jì)算方式和應(yīng)用到表中內(nèi)容的樣式都發(fā)生了變化。這樣就更難編寫能夠在所有瀏覽器中都以預(yù)期方式工作的CSS代碼，而且會(huì)顯著增加測(cè)試所需的時(shí)間。

2.7  練習(xí)  

1. 列舉CSS規(guī)則包含的各個(gè)部分。

2. 將width:auto;應(yīng)用于<table>元素和<div>元素時(shí)有何不同？ 

3. 完成如下序列：聲明、屬性、__________。

4. 將RGB顏色(234,123,45)轉(zhuǎn)換成十六進(jìn)制。 

5. #FFFFFF的簡(jiǎn)寫十六進(jìn)制表示法是什么？ 

6. 如果樣式表位于www.example.com/stylesheet.css，而網(wǎng)頁位于www.example. com/

index.html，那么在index.html中應(yīng)該包含什么樣的標(biāo)記，從而能夠通過相對(duì)路徑包含stylesheet.css？