我們?cè)诓粩嗟膶W(xué)習(xí)，追求進(jìn)步與提高，在Mb5u.com中有大量的教程，目前也推出了W3Cbbs.com供大家交流，到底學(xué)到什么程度了，到底是不是真的了解CSS，是哪個(gè)層次了呢。我們來(lái)對(duì)照一下。

　　第0級(jí)：CSS？那不是一個(gè)多人射擊游戲嗎？
　　CSS? Isn't that a multiplayer game?
　　有些人因?yàn)樵谡褻S:S（Counter Strike: Source）這款游戲的資訊而進(jìn)到#CSS網(wǎng)站。不必?fù)?dān)心這些人，他們不可能制作太多網(wǎng)頁(yè)，所以對(duì)網(wǎng)絡(luò)也不會(huì)造成多大傷害。

　　第1級(jí)：是啊，我偶爾用它來(lái)移除連結(jié)的底線
　　Yeah, I use it to remove underlines on links sometimes
　　和第0級(jí)的人不同，這些人學(xué)過(guò)HTML，也制作過(guò)幾個(gè)簡(jiǎn)單的網(wǎng)站。他們只有在無(wú)法使用HTML制作出某些效果時(shí)，才會(huì)使用CSS，例如移除連結(jié)的底線或者設(shè)定行高。這些人的網(wǎng)站通常規(guī)模不大也沒(méi)什么訪客，所以他們也不會(huì)對(duì)網(wǎng)絡(luò)造成太大傷害。

　　第2級(jí)：不，我不喜歡div元素；表格好用多了！
　　No, I don't like divs; tables are much easier to work with
　　他們聽(tīng)過(guò)使用div元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)這件事，也花了些時(shí)間學(xué)習(xí)CSS。不過(guò)他們很快就放棄了，覺(jué)得CSS太難而且支持度不佳，還是寧可用表格排版。
注意！他們是危險(xiǎn)人物！他們?cè)谶@個(gè)領(lǐng)域已經(jīng)待了一段時(shí)間，許多都是網(wǎng)站部門(mén)的主管。和他們接觸是很重要的，提倡網(wǎng)絡(luò)標(biāo)準(zhǔn)的人應(yīng)該多多開(kāi)導(dǎo)他們，這對(duì)網(wǎng)絡(luò)的意義非同小可。

　　第3級(jí)：是啊，聽(tīng)說(shuō)它挺好的，不過(guò)我沒(méi)用它因?yàn)椤��?/strong>
　　Yes I've heard it's good, but I can’t use it because of…
　　這些人雖然知道CSS的優(yōu)點(diǎn)，不過(guò)總是基于某些原因而無(wú)法使用它，例如他們可能有第2級(jí)的上司，或者他們必須考慮到Netscape 4的使用者。
　　舊版的瀏覽器雖然不支持CSS，不過(guò)使用者還是可以看見(jiàn)完整的內(nèi)容。而基于親和力（accessibility）和易用性（usability）的好 處，CSS可以為網(wǎng)站帶來(lái)更多訪客。把這些優(yōu)點(diǎn)告訴第3級(jí)的開(kāi)發(fā)人員，即使他們不是決策者，或許多少能對(duì)第2級(jí)的上司發(fā)揮點(diǎn)影響力吧。

　　第4級(jí)：CSS？喔！沒(méi)錯(cuò)，我用div元素來(lái)排版
　　CSS? Oh! Yes, I use divs for all my layouts
　　在頁(yè)面中使用過(guò)多的div元素反而是這群人的問(wèn)題，他們會(huì)用#toprightredline或是#r5_c7（表示第5列第7欄）這樣的方式設(shè)定div元 素的id。即使可以通過(guò)XHTML 1.1的驗(yàn)證，這種排版方式卻無(wú)法發(fā)揮CSS的優(yōu)勢(shì)。熒幕朗讀軟體（screen readers，視障者使用的瀏覽器）很難解譯這些網(wǎng)頁(yè)，舊版瀏覽器也會(huì)有同樣的問(wèn)題，網(wǎng)頁(yè)的內(nèi)容無(wú)法完整顯示。而不良的class與id命名方式，也對(duì) 于版面的修改造成極大不便。
雖然第4級(jí)的人制作的網(wǎng)站仍然很糟，不過(guò)由于他們很容易接受新的觀念，因此對(duì)網(wǎng)絡(luò)造成的傷害較小。許多所見(jiàn)即所得（WYSIWYG）的編輯器制作出充滿div元素的原始碼，可能也是誤導(dǎo)這群人的原因。幸好這些編輯器已經(jīng)逐漸改良了，希望這會(huì)有助于第4級(jí)的人繼續(xù)往上提升。

　　第5級(jí)：我用CSS來(lái)設(shè)計(jì)，這比表格好多了，因?yàn)椤��?/strong>
　　I use CSS for design, it's better than tables because of…
　　第5級(jí)的人知道CSS的優(yōu)點(diǎn)并樂(lè)于使用，雖然有時(shí)會(huì)遇到些問(wèn)題，但并不嚴(yán)重。他們也能運(yùn)用長(zhǎng)期的CSS工作經(jīng)驗(yàn)，與人辯論為什么要將網(wǎng)頁(yè)的結(jié)構(gòu)與設(shè)計(jì)分開(kāi)。我猜這篇文章大部分的讀者是這一級(jí)的CSS開(kāi)發(fā)人員，我想我自己也是。不過(guò)這還不是最好的……

　　第6級(jí)：哪個(gè)版本的CSS？是的，我知道啊。你有讀過(guò)我的書(shū)關(guān)于……
　　What version of CSS? Yes, I do. Did you read my book about…
　　第6級(jí)的人致力于改良CSS，并且寫(xiě)了許多很棒的文章介紹它的新用法。其中有些人將W3C關(guān)于CSS的說(shuō)明文件全部讀完了，并且知道哪些功能在哪個(gè)版本的瀏 覽器才有支持。他們是CSS初學(xué)者的典范，并且運(yùn)用他們的影響力使網(wǎng)絡(luò)更加進(jìn)步。其中有許多人組成了Web Standards Project，如果你在他們的網(wǎng)站上面發(fā)現(xiàn)任何錯(cuò)誤，那一定是有理由的，向他們請(qǐng)教之后你必能獲得滿意的解答。
　　
　　

網(wǎng)站制作在線視頻教程  網(wǎng)站制作視頻教程打包下載

DIV+CSS模板  CSS視頻教程  CSS設(shè)計(jì)徹底研究視頻教程  網(wǎng)頁(yè)制作基礎(chǔ)教程  網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程  div css視頻教程

DIV + CSS 入門(mén)視頻教程，只用記事本編寫(xiě)代碼演示  精通CSS+DIV網(wǎng)頁(yè)樣式與布局配套視頻教程  別具光芒：DIV+CSS網(wǎng)頁(yè)布局與美化  DIV.CSS應(yīng)用視頻教程(DIV+CSS)