怎么定義方框樣式在Dreamweaver 2014中

定義方框樣式

在前面章節(jié)中曾經(jīng)介紹過如何使用屬性面板設(shè)置圖像的大小、圖像水平和垂直方向上的空白區(qū)域 以及設(shè)置圖像是否有文字環(huán)繞效果等。方框樣式完善并豐富了這些屬性設(shè)置，可定義特定元素的大小及其與周圍元素間距等屬性在CSS規(guī)則定義對話框左側(cè)，“分類”列表框中選擇“方框”選項，然后在右側(cè)詳細設(shè)置方框樣式，如圖所示。

(1) Width (寬）和 Height (高）文本框：設(shè)置元素的大小，只有被應(yīng)用于塊狀元素時，Dreamweaver的編輯窗口中才會顯示該屬性。

(2) Padding (填充）選項：設(shè)置元素內(nèi)容和邊框（如果沒有邊框則為邊緣）之間的空間大小?？梢栽谙旅鎸?yīng)的Top (上）、Bottom (下）、Left (左）、Right (右）各項中設(shè)置具體的值和單位。填充屬性在編輯窗口中不顯示效果。

(3) Float C浮動）下拉列表框：設(shè)置應(yīng)用樣式的元素浮動位置。利用該選項，可以實現(xiàn)元素的并列顯示，如果選擇丨eft (左對齊）或者right C右 對齊），則將元素浮動到靠左或靠右的位置。其他環(huán)繞移動元素則保持正常。

(4)Clear (清除）下拉列表框：設(shè)置浮動元素的哪一邊不允許有其他浮動元素。如果在被清除 的那一邊有其他浮動元素，則當(dāng)前浮動元素會自動移動到下面顯示。

(5)Margin (邊界）選項：設(shè)置元素邊框和其他元素之間的空間大小。只有在被應(yīng)用于塊狀元 素（如段落、標(biāo)題、列表等）時，Dreamweaver的文檔窗口中才會顯示讀屬性。

例如,定義標(biāo)簽li的Margin和Padding的Right都為6px，F(xiàn)loat為left，單擊“確定”按鈕關(guān)閉 對話框，保存文件，然后按F12鍵在瀏覽器中預(yù)覽效果。