CSS項目總結

接到一個任務，把現有的一個.NET做的網站外觀及布局進行改版。以前沒有做過此類工作，工作嘛，沒有辦法，只好來了。

.NET之前還是有所瞭解的。因此我首先讀了一本書[Beginning HTML with CSS and XHTML Modern Guide and Reference], 能過此書我瞭解了主要的HTML標籤，以及各自的用途。然後通過這本書瞭解了最基本的CSS用法[Beginning.CSS.Web.Development.From.Novice.to.Professional]。之後又到網上搜尋，買了一本經典的網站重構。這本書總體還行，能給讀者一個高屋建瓴的把握。不過著實如網上所說，這本書前面大部分費話太多。最後又下載了[CSS禪意花園]和[CSS Mastery]瞭解了一下。

CSS最核心的東西就是其“盒模型”，弄懂了這個，再加上布局的方法，一切皆可搞定。開發過程中我大量使用了google chrome。和其它同事交流時，他們說最的一個測試的瀏覽器才是google chrome，而我不是。我第一個拿它來測試，它啟動迅速，又有很好用的”開發工具“（在頁面上點右鍵-》審查元素，覺得這個開發工具超級強大[當然喜歡firefox的可以使用其開發工具Web Developer。IE下也有相應的工具，但是不太好用]。chrome上搞定之後，一般來說ie7,8和firefox都是沒有問題的。比較容易出現在問題是，一些CSS的預設值是不一樣的，所以最好指定一下，如果不指定，不同的瀏覽器會有不同的效果。最扯淡的是ie6，還好ie6的bug在網上有很多的討論。去搜一搜一般都能搞定。IE6什麼時候才會死啊？鬱悶。

還有一個經驗是，要想把CSS寫的完美，精鍊，好的HTML代碼是必須的。如果網頁產生的HTML代碼一堆混亂，我看著就頭疼，看到爛代碼，總是會去改後台代使其產生精鍊的語義化的HTML。