DIV + CSS 到底是什麼意思？
在很久很久以前，web工程師通過table進行頁面佈局（現在Google的picasa等應用還能找到table佈局應用的例子），現在頁面佈局大都推薦div+css方式。 所謂的div+css是指通過css控制div的佈局。其實這兒div可以理解為統稱，實際應用的不僅是div，還有p，span，img，table等任意節點的定位都可以通過css來控制。
操作方法
（01）簡要對比一下： 1、div+css相對於table更為靈活，用table佈局，程式碼臃腫。 2、語義性問題。從語義上來說，table應該只是表格資料的容器，不應該是佈局的工具。 3、樣式渲染問題。table佈局要等內容全部載入完畢後才渲染樣式，如果使用者網速不好，這樣使用者體驗會很差。
（02）在WEB前端開發中,HTML,CSS,JS這三家三駕馬車分別代表著結構，展示，和互動。在web1.0的時代，頁面的邏輯並不是特別複雜，對使用者體驗的要求也不是很高，table被大量開發者用來做佈局元素，橫跨結構和展示兩個部分，是很“重”的。但是在如今web前端邏輯越…顯示全部在WEB前端開發中,HTML,CSS,JS這三家三駕馬車分別代表著結構，展示，和互動。
（03）在web1.0的時代，頁面的邏輯並不是特別複雜，對使用者體驗的要求也不是很高，table被大量開發者用來做佈局元素，橫跨結構和展示兩個部分，是很“重”的。但是在如今web前端邏輯越來越複雜，使用者體驗要求越來越高的情況下，對這三者的解耦是必須的。此時再用table拿來做佈局就不太合適了，因為table標籤的語言根本不是用來做佈局的，而是用來傳遞資料的。而div+css是符合解耦這一思想的，div用來控制佈局，css用來控制樣式。好處從小了說是整個頁面的程式碼組織結構更合理，耦合度更低，從大了說是更利於前端開發的深度分工和複雜合作。
（04）DIV+CSS如其字面意思，就是網頁HTML程式碼主要使用DIV將內容模組化，用CSS控制其顯示效果。 好處很多，從前端層面來說，大大減輕工作量，提高工作效率。 從介面佈局來將，能夠更準確的將頁面元素定位，且保證在不同的環境下獲得基本一致的效果。 還有比如你說…顯示全部
（05）DIV+CSS如其字面意思，就是網頁HTML程式碼主要使用DIV將內容模組化，用CSS控制其顯示效果。好處很多，從前端層面來說，大大減輕工作量，提高工作效率。從介面佈局來將，能夠更準確的將頁面元素定位，且保證在不同的環境下獲得基本一致的效果。
（06）前端的製作常常會涉及到一個問題，就是定位佈局。 按照頁面設計圖來進行定位的話，在以往是用TABLE的方式，也就是將整個頁面當做一張大表格，然後哪個地方需要放置什麼元素就在表格裡放置那個元素。 CSS 是層疊式樣式表，是對HTML元素比如p,h1，還有div之類…顯示全部
（07）前端的製作常常會涉及到一個問題，就是定位佈局。 按照頁面設計圖來進行定位的話，在以往是用TABLE的方式，也就是將整個頁面當做一張大表格，然後哪個地方需要放置什麼元素就在表格裡放置那個元素。
