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

定義方框樣式

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

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

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

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

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

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

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