如何使用Dreamweaver CS6应用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中的网页设计中。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。