Div(division)元素定義了文檔中的壹個區域。div元素包括各種頁面內容,如文本、表格、表單、圖像、插件等。,甚至div元素也可以包含在div元素中。
如果您希望div標簽顯示特定的效果,或者在某個位置顯示HTML內容,您需要為div標簽定義壹個CSS樣式。
使用div標簽的方法是:
HTML內容/div
如果您單獨使用div標簽而不使用任何CSS樣式,其效果與使用p標簽相同。
其次,插入div標簽
1.將鼠標放在要插入div標簽的位置,然後單擊“插入”菜單,選擇“布局對象”命令,並在彈出的子菜單中選擇Div標簽項。
或者,在“插入”面板中選擇布局項目,然後單擊“插入Div標簽”圖標,如下圖所示:
2.單擊圖標打開“插入Div標簽”對話框,如下圖所示:
3.在“插入Div標簽”對話框中,您可以執行以下操作:
Insert:在插入點——在光標所在的位置插入div標簽;在開始標簽之後——在正文標簽之後插入壹個div標簽;在結束標記之前——在/body的結束標記之前插入壹個div標記。
類別:選擇壹個類別。請閱讀CSS樣式表教程:類選擇器。
ID:選擇壹個ID。請閱讀CSS樣式表教程:id選擇器。
“新建CSS規則”按鈕:單擊此按鈕打開“新建CSS規則”對話框。請閱讀Adobe Dreamweaver CS4中CSS樣式表的使用方法。
提示:使用“新CSS規則”,可以添加div標簽的類和ID。
4.在對話框中設置項目後,或者不設置項目,單擊“確定”將div標簽插入到文檔中。如下圖所示:
5.在文檔的“設計”視圖中單擊div標記邊框,然後選擇div標記,如下圖所示:
6.可以打開div標簽屬性面板,如下圖所示:
分區ID:選擇壹個ID。請閱讀CSS樣式表教程:id選擇器。
類別:選擇壹個類別。請閱讀CSS樣式表教程:類選擇器。
CSS面板按鈕:您可以在彈出窗口中創建新的CSS規則或添加額外的樣式表。
第三,在div標簽中輸入內容
在標簽的邊框中單擊鼠標左鍵,並將光標定位在邊框中以輸入內容。
第四,刪除div標簽
在“設置”視圖中選擇div標簽(2.5選擇性方法),按Delete鍵刪除。
動詞 (verb的縮寫)div標簽嵌套
單擊鼠標左鍵並將光標放在div標記內,繼續插入div標記。
第六,Div+CSS
DIV+CSS是網站標準中常用的術語之壹,為了與HTML頁面中的表格定位相區別。在XHTML網站設計標準中,DIV+CSS主要用於定位網頁內容,而不是使用表格定位。