手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Dreamweaver教程-使用属性面板
Dreamweaver教程-使用属性面板
摘要:Dreamweaver属性面板可以快速更改HTML、CSS属性,从而实现页面修改效果所见即所得。1.仍然使用greenstart.html文...

Dreamweaver属性面板可以快速更改HTML、CSS属性,从而实现页面修改效果所见即所得。

1.仍然使用greenstart.html文件作为示例文件,打开后切换到设计视图。

2.如果属性面板被隐藏了,在菜单栏选择“窗口”>“属性”。

3.选取正文中的“绿色下载吧”,然后单击“B”按钮应用 <strong> 标签给文字加上粗体效果。

4.在“属性”面板中,单击“CSS”按钮。

5.随意选取一段文字,比如“999导航”。

6.属性面板中的“颜色”选取绿色(#090)。

Dreamweaver教程-使用属性面板1

 

7.出现“新建CSS规则”对话框。

8.选择器类型为“类”,然后在“选择器名称”框中输入“.green” (如阁4.25所示)。单击“确定”按钮。

 

Dreamweaver教程-使用属性面板2

 

所选的文本将改变颜色。在格式化的文本中插入光标时,注意底部的<span.green> 标签选择器。

9.切换到“代码”视图,并观察所选的代码。它应该如下所示:

 

精品推荐
分类导航