你可以使用我們學過的任何一種長度單位，或使用比例值設定寬度，比例值指相對於母體要素的比例。 標籤的標示顏色，請按一下「滑鼠移過」顏色方塊，然後使用檢色器選取標示顏色 (或在文字方塊中，輸入標示顏色的十六進位值)。 標籤邊緣時，Dreamweaver 便會標示標籤的邊框。 您就可以依需要啟用或停用標示功能，或是在「偏好設定」對話方塊中，變更標示的顏色。
標籤便會在文件中以方塊顯示，其中包含預留位置文字。 當您將滑鼠指標移過方塊邊緣時，Dreamweaver div2025 就會將其標示。 如果附加了樣式表，在清單中便會出現該樣式表中所定義的類別。
div: DIV
Clip 可使得 DIV 顯示爲一個可以定義的很準確的方塊。 可以用以下的四個值來給出這個方塊的在 DIV 位置和大小。 給層次取什麼名字是隨意的，名字可以是任何英文字母和數字，但第一個必須是字母。
絕對定位單元可以被剪輯——也即剪輯顯示給用戶的區域，只顯示單元的一部分而把其餘部分作透明處理。 對於傳統的基於文本和圖像的網絡頁面，這並不是一個很有用的特徵。 如 Netscape Communivator 4 和Internet Explorer4 都支持多媒體頁面，它們通過文檔的腳本接口動態地調整單元周圍的剪輯區，從而實現文本“劃入”和圖像漸顯等顯示特徵。 從範例一到範例三，各位應該已經發現 DIV 區塊的各種樣式改變都是用 CSS 的屬性來調整，這也是未來的網頁設計趨勢，傳統的 HTML DIV 區塊因為有了 CSS 而有了更多的應用機會。 範例三再替 HTML DIV 區塊增加一個 background-color 屬性，並將屬性值設定為 orange，意思是橘色的背景顏色。 延續範例一的程式碼，我們這次增加了 font-size 屬性，這是 CSS 用來設計文字大小用的屬性，我們將 font-size 設為 13px，這是一種小型可閱讀文字的概念。
div: 編輯 div 標籤
要是一個門戶網站的話，需手動改很多頁面，而且看着那些表格也會感覺很亂也很浪費時間，但是使用css+div佈局只需修改css文件中的一個代碼即可。 其中 top、right、bottom 和 left 分別是矩形剪輯框的上邊、右邊、下邊和左邊相對於被剪輯單元左上角的位置。 Top、right、bottom 和 left 的值可以爲任意絕對或相對長度值（但不能爲百分比值），或者是關鍵字 auto。 取值爲 auto 意味着剪輯區域的各邊放好以後，被剪輯單元中的任何內容都不會超出這個區域。
- 定位了的要素在頁面上顯示時仍然會從左到右一直顯示。
- 延續範例一的程式碼，我們這次增加了 font-size 屬性，這是 CSS 用來設計文字大小用的屬性，我們將 font-size 設為 13px，這是一種小型可閱讀文字的概念。
- 例如，段內的 EM 單元被指定爲可見，這時如果該段被隱藏，則段內的所有其它內容都將消失，而唯有 EM 單元中的文本是可見的。
- 當您將滑鼠指標移過方塊邊緣時，Dreamweaver 就會將其標示。
- 給名字的目的是以後可用JavaScript來控制它， 比如說移動它或改變它的一些性質等等。
- 有兩種把 CSS-P 應用到 DIV 的方法。
固定絕對或相對定位單元的 width 和 height，很可能會因爲指定的區域不能滿足單元實際內容的需要，而造成單元內容溢出。 這時可使用 overflow 來指定瀏覽器如何處理溢出：值 none（缺省值）允許瀏覽器顯示溢出的內容，因此單元可溢出指定的區域。 而值 clip 要求瀏覽器在單元底部和右邊剪輯單元內容，這樣，超出指定區域的單元內容將不顯示。 值 scroll 也同樣要求瀏覽器在單元底部和右邊剪輯單元內容（同 clip），不過，瀏覽器應該（如果可能的話）爲單元提供滾動條以使用戶能通過滾動來瀏覽被剪輯的內容。 div2025 標籤建立 CSS 版面區塊，並將其定位在文件中。
div: 檢視 CSS 版面區塊
給名字的目的是以後可用JavaScript來控制它， 比如說移動它或改變它的一些性質等等。
div: HTML DIV 標籤用法
利用寬度屬性就可以設定字符向右流動的限制，即設定要素的寬度。 所以，如果某一段是隱藏的，則它包含的任何行間單元也都被隱藏。 例如，段內的 EM 單元被指定爲可見，這時如果該段被隱藏，則段內的所有其它內容都將消失，而唯有 EM 單元中的文本是可見的。 ，你可以用 div 將網頁內容的各區塊包起來，再去做 CSS 排板，目前所有的主流瀏覽器都支援 DIV 標籤。
div: DIV定義
使用這個彈出式選單可選取要套用至標籤的樣式。 標籤與 Cascading Style Sheets 來建立網頁的方式，可以依據 Dreamweaver 隨附的其中一個預先設計的版面來建立 CSS 版面。 如果您不熟悉使用 CSS 的方式，但是熟悉使用表格的方式，也可以嘗試使用表格。 網站使用DIV+CSS佈局使代碼很是精簡，相信大多朋友也都略有所聞，css文件可以在網站的任意一個頁面進行調用，而若是使用table表格修改部分頁面卻是顯得很麻煩。
div: CSS DIV 並排語法
若使用table佈局網頁，在使用不同瀏覽器情況下會發生錯位，而div+css則不會，無論什麼瀏覽器，網頁都不會出現變形情況。 使用了DIV+CSS佈局的網頁與Table佈局比較，精簡了許多頁面代碼，那麼其瀏覽訪問速度自然得以提升，也從而提升了網站的用戶體驗度。 特性 z-index 用於堆疊屏幕上的單元。
div: CSS DIV 區塊標籤的使用教學
同樣，具有負 z-index 值的單元羣都堆疊在父單元之下，它們自己的堆疊順序也按取值的大小來定（值大的單元在上層，例如值爲 -1 的單元在值爲 -2 的單元的上面）。 元素同時應用 class 和 div2025 id 屬性，但是更常見的情況是隻應用其中一種。 這兩者的主要差異是，class div2025 用於元素組（類似的元素，或者可以理解爲某一類元素），而 id 用於標識單獨的特定的元素。
div: DIV用法
缺省情況下，單元堆疊的順序爲它們在HTML標記出現的順序——也就是說，後出現單元堆疊在早出現單元的上面。 Z-index 特性實際上定義同屬（sibling）單元的堆疊順序以及單元相對父單元的堆疊。 div 按照規範草案，具有正 z-index 值的單元羣都堆疊在父單元之上，它們自己的堆疊順序則按其取值的大小來決定（值大的單元在上層）。
div: CSS 版面區塊
這些選項會影響到所有的物件，例如表格，尤其是當您將滑鼠指標移過去時 Dreamweaver 就會將其標示的那些表格。 採用div-css佈局的網站對於搜索引擎很是友好，因此其避免了Table嵌套層次過多而無法被搜索引擎抓取的問題，而且簡潔、結構化的代碼更加有利於突出重點和適合搜索引擎抓取。 Clip 給出 layer 的 clipping（可看的見的）部分。
div: DIV標準屬性
當現有 CSS 樣式表的樣式已經附加到文件中時，這個方法就很有用。 Dreamweaver 可讓您快速地插入 div 標籤，並為它套用現有的樣式。 現在新一代的設計採用 CSS + DIV 的排板方式，取代傳統的 table 排板，並解決舊有的問題，提升網頁開起速度，這篇就是要告訴你如何使用 DIV 標籤。 當一個要素被隱藏後，它仍然要佔據瀏覽器窗口中的原有空間。 所以，如果你將文字包圍在一幅被隱藏的圖像周圍，那麼，其顯示效果將是文字包圍着一塊空白區域。
div: 使用 div 標籤
有兩種把 CSS-P 應用到 DIV 的方法。 但當把 CSS-P 用到 div DIV 中去以後，就可以嚴格設定它的位置。 首先需要給這個可以被 CSS-P 控制的 DIV 一個 ID 或說是它的名字。 比如說給這個 DIV 的名字是 truck。
div: 插入 div 標籤
當使用 CSS-P 的時候， 主要把它用在 DIV（division）tag 上。 當把文字，圖像，或其他的放在 DIV 中，它可稱作爲“DIV block”，或“DIV element”或“CSS-layer”，或乾脆叫“layer”。 所以當看到這些名詞的時候，就知道它們是指一段在 DIV 中的 HTML。
div: DIV標準屬性
DIV元素是用來爲HTML（標準通用標記語言下的一個應用）文檔內大塊（block-level）的內容提供結構和背景的元素。 CSS 的 float 可以讓網頁設計師自己決定浮動的 DIV 區塊要靠左還是靠右浮動，參數設定請參閱《CSS float 浮動》篇的介紹。 如果附加了樣式表，在清單中便會出現該樣式表中所定義的 ID。 定位了的要素在頁面上顯示時仍然會從左到右一直顯示。
div: CSS DIV 區塊標籤的使用教學
為了視覺上的呈現，CSS 版面區塊不包含行內元素 (也就是程式碼位於一行文字內的元素) 或簡單區塊元素 (像是段落)。 最後，需要注意的是，蜘蛛不喜歡一個頁面有太多的css代碼，否則同樣會影響蜘蛛的爬行，影響搜索引擎的收錄，所以採用外部調用的方式調用CSS是非常不錯的方法。 而同時，若非必須太多花哨的網站，採用CSS佈局，同樣可以到達所想要的效果。 DIV是層疊樣式表中的定位技術，全稱DIVision，即爲劃分。
div: 使用 div 標籤
Dreamweaver 提供了幾項檢視 CSS 版面區塊的視覺輔助。 例如，當您設計時，可以啟用 CSS 版面區塊的外框、背景和方塊模型。 當您將滑鼠指標滑過版面區塊時，您也可以檢視顯示選取的 CSS 版面區塊屬性的工具提示。 每當您啟用視覺輔助以檢視 CSS 版面區塊背景時，Dreamweaver 便會自動指定每個 CSS 版面區塊的不同背景顏色 (Dreamweaver 利用一種演算程序來選取顏色，您無法自己指定顏色)。 指定的顏色看起來都不同，並且是專為協助您在 CSS 版面區塊之間進行分辨而設計的。