類樣式的定義和應用
工具/原料
Dreamweaver CS5
方法/步驟
首先準備網頁素材和代碼如下
為導航設置樣式。
新建CSS規則
選擇“類”,輸入類名為nav,位置為“僅對該文檔”。
確定後出現如下對話框
單擊“確定”後代碼如下圖所示。
這裡的.nav{ }就是所創建的類,只是裡面還沒有規則。接下來輸入規則如下
.nav {
color:#09F;
font-size:16px;
text-align:center;
}
選擇導航所在的單元格,在屬性欄“類”中選擇nav,完成後的效果如下圖
對應代碼如下
導航1
導航2
導航3
導航4
導航5
導航6
注意事項
類樣式要先定義再應用。一共兩步。