優點如下：
1.縮減頁面代碼，加快解析速度，提高網頁瀏覽速度,減少帶寬成本;   
2.結構清晰明了，容易被搜索引擎抓捕，利于seo的優化;
3.方便改版，只要修改相應的CSS文件就重新設計了一個站點;   
4.CSS容易上手，可以很輕松地編寫CSS;    
5.表現和內容相分離。css樣式單獨放在一個文件夾中;   
6.Table 布局靈活性不大，只能遵循 table tr td 的格式。而div可以 div ul li 也可以 ol li 還可以 ul li只要控制一下樣式表現可以完全一樣;  
7.Table 中布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不直觀。而Div更能體現樣式和結構相分離，結構的重構性強;
8.以前一些非得通過圖片轉換實現的功能，現在只要用CSS就可以輕松實現，從而更快地下載頁面;
9.可以輕松地控制頁面的布局 。
10.可以將許多網頁的風格格式同時更新，不用再一頁一頁地更新了。可以將站點上所有的網頁風格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應的屬性，整個站點的所有頁面就都會發生變動了;
順便說下在布局中最常用的標簽
h1
標題時使用：默認在各瀏覽器中的顯示不一樣，在樣式中統一規定。
ul li
列表標簽；定義導航，新聞列表，圖片列表。
span
在布局上能帶來不少的方便，因為它不是塊級元素。
h2
副標題使用最多,但有些地方需要定義欄目樣式的話,用這個標簽比較合適,欄目內容就使用p
img
常見的圖片屬性
p
段落使用的標簽

注意：
使用合適的標簽布局不能像Table一樣用DIV+CSS，無窮盡的嵌套，其效果與Table設計沒有兩樣，并不會帶來搜索引擎的優化效果，反而會增加頁面的負擔。