如何使用Dreamweaver CS6應用CSS百分比值

百分比值在網頁設計中是一種常用的數值，用于設置頁面元素相對于其他元素的大小。以下是具體的使用方法： 新建一個HTML頁面 1. 單擊CSS控制面板上的“新建”按鈕。 2. 在彈出的“新建CSS規

百分比值在網頁設計中是一種常用的數值，用于設置頁面元素相對于其他元素的大小。以下是具體的使用方法：

新建一個HTML頁面

1. 單擊CSS控制面板上的“新建”按鈕。

2. 在彈出的“新建CSS規則”對話框中，將“選擇器類型”設為“類”，并命名為“mmm”。

3. 在彈出的“mmm的CSS規則定義”對話框中，選擇“方框”選項并設置寬度為400像素，高度為200像素。

4. 在“分類”列表中選擇“背景”，將背景顏色設為紅色。點擊“確定”返回到設計視圖。

為另一個元素應用百分比值

1. 在CSS控制面板中再次新建一個CSS規則，選擇“類”并命名為“nnn”。

2. 在彈出的“nnn的CSS規則定義”對話框中，選擇“方框”選項并將寬度和高度的值都設為“50%”。

3. 將背景顏色設為黑色，點擊“確定”返回到設計視圖。

插入DIV標簽

1. 在菜單欄中選擇“插入”-“布局對象”-“DIV”。

2. 在彈出的“插入DIV標簽”對話框中，將類設為“mmm”。這時要確保光標位于上一個DIV標簽內。

添加另一個DIV標簽

1. 重新插入一個DIV標簽，在菜單欄中選擇“插入”-“布局對象”-“DIV”。

2. 在彈出的“插入DIV標簽”對話框中，將類設為“nnn”。同樣要確保光標位于上一個DIV標簽內。

完成以上步驟后，您將成功應用CSS百分比值到Dreamweaver CS6中的網頁設計中。