CSS樣式:類樣式的定義和應用?

Tags: 樣式, 定義,

類樣式的定義和應用

工具/原料

Dreamweaver CS5

方法/步驟

首先準備網頁素材和代碼如下

CSS樣式:類樣式的定義和應用

CSS樣式:類樣式的定義和應用

為導航設置樣式。

新建CSS規則

CSS樣式:類樣式的定義和應用

選擇“類”,輸入類名為nav,位置為“僅對該文檔”。

CSS樣式:類樣式的定義和應用

確定後出現如下對話框

CSS樣式:類樣式的定義和應用

單擊“確定”後代碼如下圖所示。

CSS樣式:類樣式的定義和應用

這裡的.nav{ }就是所創建的類,只是裡面還沒有規則。接下來輸入規則如下

.nav {

color:#09F;

font-size:16px;

text-align:center;

}

選擇導航所在的單元格,在屬性欄“類”中選擇nav,完成後的效果如下圖

CSS樣式:類樣式的定義和應用

對應代碼如下

導航1

導航2

導航3

導航4

導航5

導航6

注意事項

類樣式要先定義再應用。一共兩步。

樣式, 定義,
相關問題答案