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

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

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

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

　　

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

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

　　

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

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

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

　　

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

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

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

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

　　在"文檔"窗口中打開(kāi) index.html 頁(yè)，單擊單詞 Cuisine 將插入點(diǎn)置于該單詞中的某個(gè)位置。

　　

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

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

　　

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

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

　　

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

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

　　

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

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

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

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

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