類樣式中的類名稱必須以句點(.)開頭,是唯一可以應用于文檔中任何文本的CSS樣式類型。所有與當前文檔相關聯的類樣式都顯示在“CSS樣式”面板中和當前文檔的屬性面板中的“類”項中。
一、在選擇的文本上應用CSS類樣式
1. 在文檔中選擇要應用CSS類樣式的文本:
將光標移動到段落中,以便對整個段落應用樣式。
在某個段落中選擇一個文本范圍,則CSS樣式只影響這個選擇的范圍。
如果在“文檔”窗口左下角的標簽選擇器中選擇一個標簽,CSS樣式則會影響到整個標簽。
2. 選擇下面的操作方法來應用CSS類樣式:
在“CSS樣式”面板中,選擇“全部”模式,在要應用樣式的名稱上單擊鼠標右鍵,從彈出菜單中選擇“套用”。
在HTML屬性面板中,在“類”中選擇要應用的類樣式。
在“文檔”窗口中,在所選擇的文本上單擊鼠標右鍵,從彈出菜單中選擇“CSS樣式”項,然后在子菜單中選擇要應用的樣式。
點擊“格式”菜單,選擇“CSS樣式”命令,然后在子菜單中選擇要應用的樣式。
二、從選定的內容中刪除類樣式
1. 點擊“窗口”菜單,選擇“屬性”命令,打開HTML屬性檢查器。
2. 選擇要從中刪除樣式的對象或文本。這時,在HTML屬性檢查器的“類”項中會顯示已經應用的類樣式名稱。
3. 在HTML屬性檢查器中,在“類”項的彈出菜單中選擇“無”,即可刪除類樣式。
三、重命名類樣式
1. 在“CSS樣式”面板中,在要重新命名的CSS類樣式上面單擊鼠標右鍵,在子菜單中選擇“重命名類”項,如下圖所示:
2. 選擇“重命名類”項后,彈出“重命名類”對話框,如下圖所示:
在“重命名類”對話框中:
在“重命名類”彈出菜單中選擇要重新命名的類。
在“新建名稱”文本框中,輸入類樣式的新名稱。
3. 單擊“確定”按鈕。
4. 提示:
如果要重新命名的類位于當前文檔頭中,Dreamweaver CS5將會更改類名稱和當前文檔中該類名稱的所有實例。
如果要重新命名的類位于外部CSS文件中,Dreamweaver CS5將會在該CSS文件中更改類名稱,同時啟動“查找和替換”對話框,以便在站點中搜索舊類名稱的所有實例并替換它。
新聞熱點
疑難解答