Dreamweaver使用CSS样式表设置网页文本格式(3)

http://www.itjxue.com  2015-08-06 00:20  来源:未知  点击次数: 

  附加样式表

  当您将样式表附加到 Web 页面中时,在样式表中定义的规则将应用到页面上的相应元素。例如,当您将 cafe_townsend.css 样式表附加到 index.html 页时,将根据您定义的 CSS 规则设置所有段落文本(用 HTML 代码中的标签设置格式的文本)的格式。

  在"文档"窗口中,打开 Cafe Townsend 的 index.html 文件。(如果该文件已打开,则请单击它的选项卡。)

  选择在教程:向页面添加内容中粘贴到页面中的第一段文本。

  Dreamweaver使用CSS样式表设置网页文本格式_IT教学网itjxue.com整理

  在"属性"检查器中查看,并确保使用段落标签设置了该段落的格式。

  如果"属性"检查器中的"格式"弹出式菜单显示"段落",则已使用段落标签设置了段落的格式。如果"属性"检查器中的"格式"弹出式菜单显示"无"或其它内容,则选择"段落"来设置段落的格式。

  Dreamweaver使用CSS样式表设置网页文本格式_IT教学网itjxue.com整理

  对第二段重复第 3 步。

  在"CSS 样式"面板("窗口">"CSS 样式")中,单击位于面板右下角的"附加样式表"按钮。

  Dreamweaver使用CSS样式表设置网页文本格式_IT教学网itjxue.com整理

  在"附加外部样式表"对话框中,单击"浏览"并浏览到上一节创建的 cafe_townsend.css 文件。

  单击"确定"。

  "文档"窗口中的文本将根据外部样式表中的 CSS 规则来设置格式。

(责任编辑:IT教学网)

更多

推荐Dreamweaver教程文章