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

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

　　若要查看屬性的完整內(nèi)容，請將鼠標(biāo)指針停留在該屬性上。

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

　　

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

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

　　

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

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

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

　　

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

　　保存并關(guān)閉 cafe_townsend.css 文件。

　　現(xiàn)在，您已經(jīng)創(chuàng)建了一個設(shè)置導(dǎo)航條文本格式的規(guī)則。接下來，您要將該規(guī)則應(yīng)用到所選鏈接。

　　應(yīng)用規(guī)則

　　在"文檔"窗口中打開 index.html 頁，單擊單詞 Cuisine 將插入點置于該單詞中的某個位置。

　　

　　在標(biāo)簽選擇器中，單擊最右邊的 標(biāo)簽。

　　此操作將為指定的 標(biāo)簽或鏈接選擇所有文本。

　　

　　在"屬性"檢查器("窗口">"屬性")中，從"樣式"彈出式菜單中選擇"navigation"。

　　在"文檔"窗口中，Cuisine 文本的外觀完全發(fā)生了變化。根據(jù)您在上一節(jié)中為 .navigation 規(guī)則所定義的屬性，該文本的格式現(xiàn)在已被設(shè)置為導(dǎo)航條按鈕。

　　

　　對于導(dǎo)航條中的每個鏈接，重復(fù)第 1 步到第 3 步。

　　您必須為每個 標(biāo)簽或鏈接分配一個導(dǎo)航類樣式，因此，使用標(biāo)簽選擇器分別選擇每個鏈接，然后逐個為每一個鏈接分配類樣式是很重要的。

　　

　　在設(shè)置鏈接文本的格式時假如有困難，請確保每個(或每組)鏈接的單詞之間有空格(不是回車)。還要確保兩個鏈接之間的空格本身未被鏈接。假如空格已鏈接，請小心選擇鏈接的空格，在"屬性"檢查器中清除"鏈接"文本框，并按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

　　完成對導(dǎo)航條的所有單詞的格式設(shè)置后，保存該頁面，然后在瀏覽器中預(yù)覽您的工作("文件">"在瀏覽器中預(yù)覽")。

　　您可以單擊鏈接以確保其有效。

　　添加鼠標(biāo)經(jīng)過效果

　　現(xiàn)在，您將添加一個鼠標(biāo)經(jīng)過效果，使導(dǎo)航條塊的背景色在每次鼠標(biāo)指針經(jīng)過某個鏈接時改變顏色。若要添加鼠標(biāo)經(jīng)過效果，請?zhí)砑影��?:hover 偽類的新規(guī)則。