div+css指的是什么

小編給大家分享一下div+css指的是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

div是框架，css是樣式，用來裝飾框架；詳細點來說，div就是給整個網頁布局，css就是負責控制div的樣式，想讓div在哪里怎么顯示，都可以通過css來實現。而div+css是一種網頁布局方法，是指通過css控制div的布局。

div 是框架，css 是樣式，用來裝飾框架。JS 讓它們動起來。再說詳細點，div就是給整個網頁布局，css 就是負責控制div的樣式，想讓 div 在哪里怎么顯示，都可以通過 css 來實現，簡單的說網頁布局就像蓋房子，div 負責把這棟房子蓋起來，而 css 負責告訴他怎么蓋！

而DIV+CSS是WEB設計標準，它是一種網頁的布局方法，是指通過 css 控制 div 的布局。其實這兒 div 可以理解為統稱，實際應用的不僅是div，還有p，span，img，table 等任意節點的定位都可以通過 css 來控制。

為什么用div+css取代〈table〉

很久很久以前，web 工程師通過 table 進行頁面布局（現在Google 的 picasa 等應用還能找到table布局應用的例子），現在頁面布局大都推薦 div+css 方式。

在WEB前端開發中,HTML,CSS,JS 這三家三駕馬車分別代表著結構，展示，和交互。在 web1.0的時代，頁面的邏輯并不是特別復雜，對用戶體驗的要求也不是很高，table被大量開發者用來做布局元素，橫跨結構和展示兩個部分，是很“重”的。

但是在如今 web 前端邏輯越來越復雜，用戶體驗要求越來越高的情況下，對這三者的解耦是必須的。此時再用 table 拿來做布局就不太合適了，因為 table 標簽的語言根本不是用來做布局的，而是用來傳遞數據的。而 div+css 是符合解耦這一思想的，div 用來控制布局，css 用來控制樣式。好處從小了說是整個頁面的代碼組織結構更合理，耦合度更低，從大了說是更利于前端開發的深度分工和復雜合作。

簡要對比一下：

1、div+css 相對于 table 更為靈活，用 table 布局，代碼臃腫。

2、語義性問題。從語義上來說，table 應該只是表格數據的容器，不應該是布局的工具。

3、樣式渲染問題。table 布局要等內容全部加載完畢后才渲染樣式，如果用戶網速不好，這樣用戶體驗會很差。

以上是“div+css指的是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！