DreamweaverDiv標(biāo)簽

若水221147由 分享 時(shí)間：
　　一、Div標(biāo)簽概述


（Division）元素在文檔內(nèi)定義了一個(gè)區(qū)域，
元素包括文本、表格、表單、圖像、插件等各種頁(yè)面內(nèi)容，甚至在
元素內(nèi)還可以包含
元素。

　　如果要使
標(biāo)簽顯示特定的效果，或者在某個(gè)位置上顯示HTML內(nèi)容，就要為
標(biāo)簽定義CSS樣式。

　　使用
標(biāo)簽的方法為：



HTML內(nèi)容


　　如果單獨(dú)使用
標(biāo)簽，而不加任何CSS樣式，那么它的效果和使用標(biāo)簽是一樣的。
　　二、插入
標(biāo)簽

　　1. 將鼠標(biāo)放在要插入
標(biāo)簽的位置上，然后點(diǎn)擊“插入”菜單，選擇“布局對(duì)象”命令，在彈出的子菜單中選擇“Div 標(biāo)簽”項(xiàng)。


　　或者在“插入”面板中選擇“布局”項(xiàng)，點(diǎn)擊“插入 Div 標(biāo)簽”圖標(biāo)，如下圖所示：
DreamweaverDiv標(biāo)簽
　　2. 點(diǎn)擊圖標(biāo)后，打開(kāi)“插入 Div 標(biāo)簽”對(duì)話框，如下圖所示：
DreamweaverDiv標(biāo)簽


　　3. 在“插入 Div 標(biāo)簽”對(duì)話框中，可以進(jìn)行以下操作：
　　插入：在插入點(diǎn)——在光標(biāo)放置的位置上插入
標(biāo)簽；在開(kāi)始標(biāo)簽之后——在標(biāo)簽的后面插入
標(biāo)簽；在結(jié)束標(biāo)簽之前——在結(jié)束標(biāo)簽的前面插入
標(biāo)簽。

　　類：選擇一個(gè)類。請(qǐng)閱讀CSS樣式表教程：類選擇器。
　　ID：選擇一個(gè)ID。請(qǐng)閱讀CSS樣式表教程：id選擇器。
　　“新建 CSS 規(guī)則”按鈕：點(diǎn)擊此按鈕，會(huì)打開(kāi)“新建 CSS 規(guī)則”對(duì)話框。請(qǐng)閱讀在Adobe Dreamweaver CS4中使用CSS樣式表的方法。
　　提示：使用“新建 CSS 規(guī)則”，可以添加
標(biāo)簽的類和ID。

　　4. 在對(duì)話框中設(shè)置好各項(xiàng)以后，或者不進(jìn)行設(shè)置，單擊“確定”按鈕，即可將
標(biāo)簽插入到文檔中。如下圖所示：

DreamweaverDiv標(biāo)簽
　　5. 在文檔的“設(shè)計(jì)”視圖中點(diǎn)擊
標(biāo)簽框線，選中
標(biāo)簽，如下圖所示：

DreamweaverDiv標(biāo)簽


　　6. 可以打開(kāi)
標(biāo)簽“屬性”面板，如下圖所示：

DreamweaverDiv標(biāo)簽


　　Div ID：選擇一個(gè)ID。請(qǐng)閱讀CSS樣式表教程：id選擇器。
　　類：選擇一個(gè)類。請(qǐng)閱讀CSS樣式表教程：類選擇器。
　　“CSS面板”按鈕：在彈出的窗口中可以創(chuàng)建新的CSS規(guī)則或者添加附加樣式表。
　　三、在
標(biāo)簽內(nèi)輸入內(nèi)容

　　在該標(biāo)簽的框線內(nèi)單擊鼠標(biāo)左鍵，將光標(biāo)定位到框線內(nèi)就可以輸入內(nèi)容了。
　　四、刪除
標(biāo)簽

　　在“設(shè)置”視圖中選中
標(biāo)簽（二.5有選擇的方法），按Delete鍵即可刪除。

　　五、
標(biāo)簽嵌套

　　單擊鼠標(biāo)左鍵，將光標(biāo)定位到
標(biāo)簽內(nèi)，可以繼續(xù)插入
標(biāo)簽。

　　六、Div+CSS
　　DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)中的常用術(shù)語(yǔ)之一，是為了與HTML網(wǎng)頁(yè)中的表格（table）定位方式加以區(qū)分。在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，主要采用DIV+CSS的方式來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容的定位，而不再使用表格的定位方式。

14382