Dreamweaver使用CSS樣式表設置網頁文本格式(5)_Dreamweaver教程

　　保存 cafe_townsend.css 文件。

　　接下來，您將使用"CSS 樣式"面板向規則添加屬性。

　　若未打開 index.html 文件，則打開該文件。

　　在"CSS 樣式"面板中，確保選中了"全部"模式，選擇新的 .navigation 規則，然后單擊面板右下角的"編輯樣式"。

　　

　　在"CSS 規則定義"對話框中，執行下面的操作:

　　在"字體"文本框中，輸入 Verdana, sans-serif。

　　從"大小"彈出式菜單中選擇 16，然后從緊靠其右的彈出式菜單中選擇像素。

　　從"樣式"彈出式菜單中選擇"正常"。

　　從"修飾"列表中選擇"無"。

　　從"粗細"彈出式菜單中選擇"粗體"。

　　在"顏色"文本框中，輸入 #FFFFFF。

　　

　　若要顯示該指南，請選擇"幫助">"參考"，然后從"參考"面板的彈出式菜單中選擇"O'Reilly CSS 參考"。

　　單擊"確定"。

　　現在，您將使用"CSS 樣式"面板向 .navigation 規則添加更多屬性。

　　在"CSS 樣式"面板中，確保選中了 .navigation 規則，然后單擊"顯示列表視圖"。

　　

　　列表視圖可使"屬性"窗格按字母順序顯示所有可用屬性(與"設置屬性"視圖不同，"設置屬性"視圖只顯示已設置的屬性)。

　　單擊 background-color 屬性右邊的列。

　　若要查看屬性的完整內容，請將鼠標指針停留在該屬性上。

　　輸入十六進制值 #993300，然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

　　

　　提示若要查看您的工作對外部樣式表的影響，請在您工作時保持 cafe_townsend.css 文件在"文檔"窗口中處于打開狀態。當您在"CSS 樣式"面板中做出選擇時，同時將看到 Dreamweaver 在樣式表中寫入 CSS 代碼。

　　找到 display 屬性(可能需要向下滾動)，在右邊的列中單擊一次，然后從彈出式菜單中選擇 block。

　　

　　找到 padding 屬性，在右邊的列中單擊一次，輸入值 8px，然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

　　找到 width 屬性，在右邊的列中單擊一次，在第一個文本框中輸入 140，從彈出式菜單中選擇像素，然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

　　單擊"顯示設置屬性"，以便在"屬性"窗格中僅顯示您設置的屬性。

　　

　　單擊 cafe_townsend.css 文件以顯示該文件。您將看到，Dreamweaver 已經將您指定的所有屬性添加到該文件中。

　　保存并關閉 cafe_townsend.css 文件。