编辑样式表

可以使用样式表来控制 Web 页面的外观。
先决条件创建样式表

要对页面所链接至的外部样式表进行编辑,请执行下列操作:

  1. 在“项目资源管理器”视图中双击想要编辑的 .css 文件以打开该文件。 样式表将在编辑区域中打开。
  2. 要编辑样式,在“预览”窗格中选择该样式并单击编辑所选规则图标。如果希望编辑此文件的源代码版本,则可以在“源代码”窗格中输入样式定义。
    提示: 还可以在 Page Designer 的“设计”页中右键单击某个打开的 Web 页面并选择样式 > 编辑样式规则来对该 Web 页面编辑样式。
  3. 在“设置样式属性”对话框中,可以设置与字体、背景效果、布局位置以及列表格式等等相关的样式。单击确定 当您进行样式定义更新时,样式更改会立即应用于 Web 页面的设计页面版本。还可以在“CSS Designer 预览”窗格中查看更新后的样式。

    通过选择窗格 > 最大化源或者窗格 > 最大化预览来进行切换以显示或隐藏这些窗格。

  4. 要编辑各个标记属性对,可以在“样式”视图中选择它们,然后从弹出菜单中选择编辑编辑选择的规则工具栏按钮。在“编辑样式”对话框中,选择想要编辑其样式的元素并单击确定
    注: 如果没有现成的 HTML 标记样式,则选择“新建”或“新建样式规则”。
    还可以从 CSS Designer 的弹出菜单或在“设计”页中从 Page Designer 的弹出菜单编辑样式。
  5. 单击确定以保存更新并将样式应用于当前页面。

    通过使用预览窗格,可以查看更新的样式在 Web 浏览器中将具有的外观。只需将 HTML 文件从“项目资源管理器”视图拖放到“预览”窗格,就会显示样式效果,而不必真正地打开该 HTML 文件。还可以使用浏览按钮或预览窗格顶部的预览方式列表来指定 HTML 文件。

相关概念
级联样式表(CSS)设计器
相关任务
预览 Web 页面的样式
将样式表应用于 Web 页面
将样本样式表从库应用至 Web 页面

反馈