软件发布| 专题库| 优优资讯| 苹果专区| 安卓专区| 软件下载| 首页
优优资讯 电脑教程 安卓教程 安卓攻略 苹果教程 苹果攻略 新闻资讯

Dreamweaver入门教程之属性面板的运用

时间:2015-03-10 来源:本站整理 我要评论

  在Dreamweaver设计页面下方有个属性面板区域,用户可以直接在里面设置网页的字体、大小、图像等。接下来小编就跟大家讲解如何使用Dreamweaver属性面板实现我们想要的效果。

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

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

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

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

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

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

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

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

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

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

  <span class="green">999导航</span>

  Dreamweaver使用<span>标签创建了一个CSS类,并自动把它应用于所选的文本。

  10.单击“设计”视图按钮。

  11.随意选取一段黑色的文字,比如“众多电商类”。然后在“属性”检查器中,单击“HTML”按钮,并从“类”菜单中选择“green”。所选文本字体颜色会更改为绿色。

  12.再切换回“代码”视图,可看到代码已经变成。

  <span class=“green"><strong>众多电商类</strong></span>
 

用户评论

(已有0条评论)
表情
注:您的评论需要经过审核才能显示哦,请文明发言!
还没有评论,快来抢沙发吧!
快速检索
0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z