DIV CSS理解朋友進來指點，謝謝

div 是級聯樣式表中的定位技術，全稱是 division，即 division。

有時它可以稱為層。 div 元素是用於為 HTML（標準通用標記語言的應用程式）文件中的塊級內容提供結構和上下文的元素。

定義：可以在文件中定義分部或部分。

標籤可用於將文件劃分為單獨的不同部分。 它可以用作嚴格的組織工具，並且不使用任何格式與之關聯。

如果使用 id 或 class 標記 div >，則該標記的效果會更加有效。

注意：div > 是乙個塊級元素，這意味著瀏覽器通常會在 div 元素之前和之後放置乙個換行符。

術語用法：

是塊級元素。 這意味著其內容會自動開始乙個新行。 事實上，換行符本質上是特定的格式表示形式。 可以按類或 id 應用其他樣式。

您不必為每個類或 ID 新增類或 ID，儘管這樣做有一些好處。

可以將 class 和 id 屬性應用於同一元素，但更常見的是只應用其中乙個。 兩者之間的主要區別在於，class 用於元素組（相似元素，或者可以理解為某一類元素），而 id 用於標識單個特定元素。

很久很久以前，Web 工程師使用表格來布局頁面，現在大多數頁面布局都推薦 DIV+CSS 方法。

所謂div+css，是指通過css來控制div的布局。 其實div在這裡可以理解為乙個通用術語，實際應用的不僅僅是div，p、span、img、table等任何節點的定位，都可以用css來控制。

簡單比較一下：

1. div+css 比 table 更靈活，有 table 的布局很臃腫。

2.語義問題。 從語義上講，表應該只是乙個資料容器，而不是乙個布局工具。

3. 樣式渲染問題。 表格布局應該等到所有內容載入完畢後再渲染樣式，如果使用者的網速不好，使用者體驗會很差。

1. div division的全稱是“區分”的意思，是HTML中的乙個標籤。 在HTML中，你能想到的只是乙個層。

div 本身就是容器，您不僅可以嵌入表格，還可以嵌入文字和其他 html。 如果你只使用 div 而沒有任何 CSS，那麼它的外觀以及你在網頁中的使用方式。

這是一樣的。 2. div 和 layer 有什麼區別？

事實上，div 是乙個塊概念，乙個可以容納各種 HTML 元素並將它們作為乙個整體進行處理的容器。

MSDN 說“div 指定呈現 HTML 的容器”。”

例如，您可以將它們作為乙個整體放置在頁面上、定義圖層等。

下面是我發現的一篇我覺得很不錯的文章，我也貼出來了，希望能幫助大家理解！

div 元素是用於為 HTML 文件中的塊級內容提供結構和背景的元素。 div 的開始和結束標籤之間的所有內容都用於組成塊，其中包含的元素的屬性由 div 標籤的屬性或通過設定塊的樣式來控制。 Internet Explorer 和 Netscape 瀏覽器都支援 div 標記。

div 和 span

許多開發人員將 div 元素與 span 元素混淆。 儘管它們在功能上是相同的，但跨度用於定義內聯內容而不是內容塊。 您可以對段落使用 div 標籤，但 span 可用於為段落中的乙個或多個單詞提供特殊功能。

DW軟體是可見的和可用的，為了能夠識別div被設定為虛線，實際的顏色需要由你來設定和定義。

如果不設定，預覽時不會顯示，但原始碼中會有div標籤！

div+css是**標準（或“web標準”）中常用的術語之一，div+css是一種網頁布局方法，這種網頁布局方法不同於傳統的html網頁設計語言中的**（表）定位方法，可以實現網頁內容和效能的分離。

在以下 ** 的情況下，即將 h2 和 p 標籤的所有內容放入帶有樣式 news 的 div 容器中。

some text. some text. some text...

some text. some text. some text...

我覺得這個問題是表的問題，在DW中，你沒有設定他的填充和填充距離，預設每個瀏覽器都有填充和填充，我建議你加這個**看看。 *

那當然，DW只是乙個軟體，你真正看的是在瀏覽器裡看它，這對你來說是乙個典型的瀏覽器相容性問題。

您可以設定 overflow 屬性來隱藏它。

overflow：hidden

你可以給最外面的 div 乙個溢位：hidden; 屬性。 如果內層超過外層的寬度或高度，它將被自動隱藏。

DW 不是你真正意義上的所見即所得，當你做 div+css 樣式時，它會基於它在瀏覽器中實際顯示的內容。

在編寫 div+css 時，請考慮不同瀏覽器的相容性問題。

ie6\ie7\ie8\ff\oprea

是 ** 中定義的 div 的 padding-top： 或 padding-bottom：（即邊距填充空白）。

1、邏輯思維;

2.對**的認識;

3、有組織框架的能力;

4、了解CSS的嵌入和匯入方法，一般使用匯入型別;

5、編譯時注意其格式**（確保清晰可見）;

6、了解一些常用功能和用法;

DIV標籤+CSS（Cascading Style Sheet）是標準中常用的術語之一，通常用來說明與HTML網頁設計語言（Table）定位方法的區別，因為在XHTML設計標準中，沒有使用定位技術，而是採用div+CSS的方式來實現各種定位。

在使用 DIV+CSS 進行設計時，我們不得不強調乙個使用 SEO 想法進行構建的問題。 搜尋引擎不會按 ** 的固定順序排名。 SEO的思路是利用搜尋引擎的概念來構建，而不是在構建完成後再進行一次的重建，通過技巧和手段讓第乙個搜尋引擎點讚，進而達到良好的排名效果。

無論是思想引導實踐，還是實踐充實思想，都是乙個好的開始，我們都在學習、總結、完善自己。

搜尋引擎是自上而下，從左到右來獲取資訊，我們發現整個網頁周圍都是很多評論，這些評論有兩個好處：一是方便技術人員對整體進行調整; 其次，方便SEO人員了解關鍵內容的位置並進行調整。

div+css其實就是乙個頁面布局，SEO的好處是可以把原本顯示在底部的資訊放在其他**的前面，因為對於搜尋引擎來說，前面的資訊稍微重要一點。