Dreamweaver入门 使用CSS设置页面格式


  附加样式表

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

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

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

Dreamweaver入门使用CSS设置页面格式(3)

添加文本

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

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

Dreamweaver入门使用CSS设置页面格式(3)

段落的格式

  对第二段重复第 3 步 。

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

  

Dreamweaver入门使用CSS设置页面格式(3)

附加样式表

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

  单击"确定" 。

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



[1] [2] [3] [4] [5] [6] [7] [8] [9] [下一页]