CSS是標(biāo)準(zhǔn)化最吸引人的地方，也是時下討論最多的話題，市面上的相關(guān)書籍也在web標(biāo)準(zhǔn)類里占據(jù)壓倒性的比重，甚至有些人（包括一些用人單位）認(rèn)為CSS就是網(wǎng)頁標(biāo)準(zhǔn)。這種過于夸大CSS作用的觀點(diǎn)固然是錯誤的，但CSS對于網(wǎng)頁標(biāo)準(zhǔn)的重要性卻也可見一斑。

CSS相關(guān)的知識、技巧很多，從知識的必備性方面來講，以下幾個方面是我認(rèn)為最重要的：

布局。布局是表現(xiàn)層技術(shù)的基礎(chǔ)，任何表現(xiàn)層的東西都是基于布局之上的。利用CSS布局的方法有很多種，例如float、絕對定位、負(fù)margin等等。每一種布局都有著各自的優(yōu)勢和局限性，從適性最廣來講顯然是float最佳，也最為常用，但清除浮動往往是讓人頭疼的問題。絕對定位的網(wǎng)頁抗壓性好，但自由度低，而且渲染效率最差。負(fù)margin是最不破壞文檔流的辦法，但在對負(fù)值支持不佳的IE下往往會有靈異表現(xiàn)。關(guān)于布局方面的知識，建議看一下webflash的《徹底弄懂CSS盒子模式》系列文章，個人認(rèn)為相關(guān)知識的文章尚無出其右者。
   
IE下的Haslayout渲染模式。其實(shí)hack是許多標(biāo)準(zhǔn)工程師所深惡痛絕的東西，但在瀏覽器兼容性要求越來越高的今天，hack卻往往是一種無奈之舉。而深入了解IE的Haslayout渲染模式，就會明白許多hack的來由，以及許多兼容性問題的產(chǎn)生之源。推薦閱讀——譯文On having layout。然而HasLayout問題之多，絕非一兩篇文章所能概括，通過閱讀文章，了解其中的原理，再舉一反三，很多問題就會迎刃而解了。
   
符合標(biāo)準(zhǔn)的CSS規(guī)則。關(guān)于這一點(diǎn)，我可以不負(fù)責(zé)任地說，數(shù)以千萬計的網(wǎng)站建設(shè)，其CSS完全符合標(biāo)準(zhǔn)的，所占比重不會超過1%。這并不是一個悲觀的估計，即使是w3c推薦的一些網(wǎng)站，例如ESPN，他們的CSS也時常會通不過校驗(yàn)。CSS的許多規(guī)則的確令CSSer們非常不適，例如background和color，這兩個屬性絕大多數(shù)人都是分開來使用的，而w3c標(biāo)準(zhǔn)卻規(guī)定兩者必須“生則同生，死則同死”。還有就是各個瀏覽器的專有屬性，在實(shí)現(xiàn)一些效果時是最簡單有效的。這種時候我們往往會選擇放棄標(biāo)準(zhǔn)，但暫時的放棄不意味著無視。今天知道我們哪些行為是錯誤的，以及為什么要用錯誤的方法，明天改正起來就不會太難。
   
提高網(wǎng)站建設(shè)性能的技巧，如有助于SEO的以圖代字、用盡量少和小容量的圖片實(shí)現(xiàn)圓角表格、用background-position實(shí)現(xiàn)圖片切換以提高渲染效率等等。從對網(wǎng)站的幫助角度來看，這些技巧遠(yuǎn)比瀏覽器hack更值得掌握。
   
了解一點(diǎn)js知識。這個和CSS關(guān)系不是那么密切，但經(jīng)?？吹胶芏嗳算@牛角尖，用js可以非常簡單實(shí)現(xiàn)的效果，非要用CSS去勉強(qiáng)實(shí)現(xiàn)。例如將子菜單放在鏈接里，通過:hover觸發(fā)。又比如多列等高布局的實(shí)現(xiàn)。這已經(jīng)是行為層的范疇了，為什么還非要用表現(xiàn)層來實(shí)現(xiàn)呢？當(dāng)然這里并不是說所有CSS不容易實(shí)現(xiàn)的都往js里扔，而是要了解一下雙方的技術(shù)特點(diǎn)，合理地選用最佳方案。