使用Dreamweaver CS5可以定義CSS規(guī)則的屬性，如設(shè)置字體、文本、背景、列表、間距以及布局屬性等。

　　首先使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則，然后可以設(shè)置下面的任意屬性。

　　1. 打開“CSS樣式”面板。

　　2. 在“所選內(nèi)容的摘要”窗格中雙擊某一個(gè)屬性，打開“CSS 規(guī)則定義”對(duì)話框。如下圖所示：

　　一、定義CSS的類型屬性

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“類型”，然后可以在右邊“類型”部分設(shè)置屬性：

　　Font-family：設(shè)置字體系列。在下拉菜單中選擇字體。

　　Font-size：定義文字的字體大小。

　　Font-weight：對(duì)字體應(yīng)用特定或相對(duì)的粗體量。

　　Font-style：指定“正常”、“斜體”或“偏斜體”作為字體樣式。

　　Font-variant：設(shè)置文本的小型大寫字母變體。

　　Line-height：設(shè)置文本所在行的高度。

　　Text-transform：將所選內(nèi)容中的每個(gè)單詞的首字母大寫或?qū)⑽谋驹O(shè)置為全部大寫或小寫。

　　Text-decoration：向文本中添加下劃線、上劃線或刪除線，或使文本閃爍。

　　Color：設(shè)置文本的顏色。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　二、定義CSS的背景屬性

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“背景”，然后可以在右邊“背景”部分設(shè)置屬性：

　　Background-color：設(shè)置元素的背景顏色。

　　Background-image：設(shè)置元素的背景圖像。

　　Background-repeat：設(shè)置是否以及如何重復(fù)背景圖像。

　　Background-attachment：設(shè)置背景圖像是固定在其原始位置還是隨內(nèi)容一起滾動(dòng)。

　　Background-position(X)和Background-position(Y)：設(shè)置背景圖片相對(duì)于元素的初始位置。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　三、定義CSS的區(qū)塊屬性

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“區(qū)塊”，然后可以在右邊“區(qū)塊”部分設(shè)置屬性：

　　Word-spacing：設(shè)置字詞的間距。

　　Letter-spacing：增加或減小字母或字符的間距。

　　Vertical-align：指定應(yīng)用此屬性的元素的垂直對(duì)齊方式。

　　Text-align：設(shè)置文本在元素內(nèi)的對(duì)齊方式。

　　Text-indent：指定第一行文本縮進(jìn)的程度。可以使用負(fù)值創(chuàng)建凸出，但顯示方式取決于瀏覽器。

　　White-space：設(shè)置如何處理元素中的空格。

　　Display：設(shè)置是否以及如何顯示元素。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　四、定義CSS的方框?qū)傩?/strong>

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“方框”，然后可以在右邊“方框”部分設(shè)置屬性：

　　Width：設(shè)置元素的寬度。

　　Height：設(shè)置元素的高度。

　　Float：設(shè)置其它元素(如文本、AP Div、表格等)在圍繞元素的哪個(gè)邊浮動(dòng)。其它元素按通常的方式環(huán)繞在浮動(dòng)元素的周圍。

　　Clear：定義不允許AP元素的邊。如果清除邊上出現(xiàn)AP元素，則帶清除設(shè)置的元素將移到該元素的下方。

　　Padding：指定元素內(nèi)容與元素邊框之間的間距(如果沒有邊框，則為邊距)。

　　全部相同：取消此項(xiàng)，可以分別設(shè)置元素各個(gè)邊的填充。如果選擇此項(xiàng)，可以為元素的“上”、“右”、“下”和“左”設(shè)置相同的填充屬性。

　　Margin：設(shè)置一個(gè)元素的邊框與另一個(gè)元素之間的間距(如果沒有邊框，則為填充)。

　　全部相同：取消此項(xiàng)，可以分別設(shè)置元素各個(gè)邊的邊距。如果選擇此項(xiàng)，可以為元素的“上”、“右”、“下”和“左”設(shè)置相同的邊距屬性。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　五、定義CSS的邊框?qū)傩?/strong>

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“邊框”，然后可以在右邊“邊框”部分設(shè)置屬性：

　　Style：設(shè)置邊框的樣式外觀。

　　全部相同：取消此項(xiàng)，可以分別設(shè)置元素各個(gè)邊的邊框樣式屬性。選擇此項(xiàng)，可以為元素的“上”、“右”、“下”和“左”設(shè)置相同的邊框樣式屬性。

　　Width：設(shè)置元素邊框的粗細(xì)。

　　全部相同：取消此項(xiàng)，可以分別設(shè)置元素各個(gè)邊的邊框?qū)挾取＿x擇此項(xiàng)，可以為元素的“上”、“右”、“下”和“左”設(shè)置相同的邊框?qū)挾取?/p>

　　Color：設(shè)置邊框的顏色。

　　全部相同：取消此項(xiàng)，可以分別設(shè)置元素各個(gè)邊的邊框顏色。選擇此項(xiàng)，可以為元素的“上”、“右”、“下”和“左”設(shè)置相同的邊框顏色。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　六、定義CSS的列表屬性

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“列表”，然后可以在右邊“列表”部分設(shè)置屬性：

　　List-style-type：設(shè)置項(xiàng)目符號(hào)或編號(hào)的外觀。

　　List-style-image：為項(xiàng)目符號(hào)指定自定義圖像。

　　List-style-position：設(shè)置列表項(xiàng)文本是否換行并縮進(jìn)(在外部)或者文本是否換行到左邊距(在內(nèi)部)。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　七、定義CSS的定位屬性

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“定位”，然后可以在右邊“定位”部分設(shè)置屬性：

　　Position：設(shè)置瀏覽器應(yīng)該如何定位選定的元素。

　　Width：設(shè)置元素的寬度。

　　Height：設(shè)置元素的高度。

　　Visibility：設(shè)置內(nèi)容的初始顯示條件。如果不指定可見性屬性，則默認(rèn)情況下內(nèi)容將繼承父級(jí)標(biāo)簽的值。

　　Z-index：設(shè)置內(nèi)容的堆疊順序。Z軸值較高的元素顯示在Z軸值較低的元素(或根本沒有Z軸值的元素)的上方。值可以為正，也可以為負(fù)。

　　Overflow：設(shè)置當(dāng)容器(如：DIV或P)的內(nèi)容超出容器的顯示范圍時(shí)的處理方式。

　　Placement：指定內(nèi)容塊的位置和大小。

　　Clip：定義內(nèi)容的可見部分。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　八、定義CSS的擴(kuò)展屬性

　　在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“擴(kuò)展”，然后可以在右邊“擴(kuò)展”部分設(shè)置屬性：

　　Page-break-before：打印時(shí)在樣式所控制的對(duì)象之前強(qiáng)行分頁(yè)。

　　Page-break-after：打印時(shí)在樣式所控制的對(duì)象之后強(qiáng)行分頁(yè)。

　　Cursor：當(dāng)指針位于樣式所控制的對(duì)象上時(shí)改變指針圖像。

　　Filter：對(duì)樣式所控制的對(duì)象應(yīng)用特殊效果(包括模糊和反轉(zhuǎn))。

　　提示：如果某一個(gè)屬性不需要設(shè)置，可以將其保留為空。

　　九、提示

　　設(shè)置好“CSS 規(guī)則定義”對(duì)話框中的屬性以后，單擊“確定”按鈕即可設(shè)置CSS屬性。