我對div+css的看法

結構和表現分離，這就是我對div+css的看法。 

今天和同事討論，提到了div+css的優點和缺點，現在在這裡寫一下我個人的看法。僅僅是個人的看法啊，隨便寫寫的，很片面的，歡迎指正和討論。

我個人認為div+css是一種思路，把結構和表現分離出來。div是結構，css是表現。

寫div+css的時候完全不需要用dreamweaver等可見可得的編寫方式，基本上你在代碼上寫出來是什麼東西，得出的結果就是什麼東西，當然需要對不同的瀏覽器進行測試，相容性的測試是個問題，需要大量的經驗，這個稍後再說。

寫div+css的時候，先畫一個草圖，把結構和位置畫一下，在腦海裡形成一個做出來的大致，然後開始做。

接著寫div,寫出結構來，寫結構的時候一定要有一個良好的習慣，使用通用名，增加代碼的可讀性。div+css把結構和表現分離出來，這樣寫的時候就能夠僅僅考慮結構，或者僅僅考慮表現。我一般都是先寫結構再寫css的，我同事比較習慣先寫css再寫結構，個人認為這隻是習慣問題，沒有多大的區別。

div+css的結構能寫得非常清晰，一塊一塊的，簡單明了易懂。頭部是頭部，導航是導航，內容塊是內容塊，腳部是腳部，這是大的結構。往下分，有img,p,ul,li,span等，還有一個表單的，非常清晰易懂，一目瞭然。

寫完結構後寫css，這個不用詳說吧。我習慣於寫一個公用的css，裡面放著一些比如頭部、腳部的代碼，然後每一個頁面寫一個css，主要是考慮到以後利於修改。

ok，結構寫好了，表現也寫好了，完了也進行了一些修正使得頁面變得更加漂亮了，但是還沒有完，記住一定要測試！！

在這之前，還有一點需要提一下，修正頁面的時候經常會發現自己想要的效果變成了一個奇怪的東西，或者錯開了，或者空的不對，或者乾脆有個圖層消失不見了，覺得很奇怪。千萬不要著急，可以嘗試寫把寬、高增加些，或者寫成負值，看會出現什麼情況，慢慢地寫得多了，也就會明白一些經常出現的問題是怎麼出現的。我剛學的時候遇到過很多次，覺得頭疼，不過後來看了一本書才發現，哇，原來是這麼回事啊！所以，個人認為學div+css的時候最好系統地看一兩本書，有些散亂學習的時候會忽略的地方經常會成為以後的障礙。

寫完後一定要測試，因為不同的瀏覽器非常有可能會出現不同的效果，比較有名的是ie5的三像素錯開和躲躲貓。一定要記住在不同的瀏覽器下測試，提高代碼的相容性。

我覺得div+css的一個思路非常好，就是把結構設計好，然後你想把它表現成什麼樣的就變成什麼樣的，想讓它放到哪裡就放到哪裡。不過個人認為一個好的頁面是先把它設計好再把它寫出來，而不是不斷地修改把它變得符合自己的要求，否則代碼會變得混亂，不易讀。