级联样式表(CSS)设计器

CSS Designer 显示样式表的源代码,并使您能够在语法突出显示、内容辅助和“预览”功能的帮助下编辑样式。如果 HTML 文件带有指向样式表的链接,则在 CSS Designer 中作出的修改将立即应用于 Page Designer 的“设计”页。
此产品支持下列 World Wide Web Consortium(W3C)级联样式表标准: 此外,还有无线应用协议(WAP)支持。
CSS Designer 提供了源代码窗格和预览窗格,这些窗格与 Page Designer 的三个页面具有相似的功能,尽管在 CSS Designer 中这些窗格之间的方向和交互作用稍有不同。
源代码
“源代码”窗格使您能够直接查看和处理文件的源代码。“属性”视图和“样式”视图都具有补充“源代码”页的功能。与创建新样式、应用样式、更改属性和设置与样式表的链接相关的许多功能都可以从 CSS Designer 样式菜单和“样式”视图的工具栏中获取。
样式表中的各个样式通常定义成:
selector { property : value; }
这里是 .css 文件中可能会出现的实际段落样式定义的一个示例:
P { font-style : italic; font-size : x-small;}
预览
“预览”窗格显示当前定义的样式在 Web 浏览器中查看时具有的外观。可以选择实际 Web 页面以应用和显示 CSS Designer 创建的样式,或使用样本 HTML 文件,该 HTML 文件提供了已定义样式的最低版本。“预览”窗格包含两个区域:选择的样式区域和标准 HTML 元素区域。选择的样式区域用来显示光标(在“源代码”窗格中)所在区域的样式定义的样式效果或在“样式”视图中选择的样式。标准 HTML 元素区域显示标准 HTML 元素的样式,并且不受光标位置影响。

如果您使用“源代码”窗格或“样式”视图来修改 .css 文件,则会自动更新“预览”。

“CSS 源代码”窗格具有许多文本编辑功能,例如:

表 1. CSS Designer 的文本编辑功能
功能 描述
语法突出显示 每种标记类型的突出显示方式都不一样,这使您能够很容易地找到特定类型的标记来进行编辑。语法突出显示在定位语法错误时很有用。
无限制的撤销和重做 可以按递增方式撤销和重做在整个编辑会话内对文件所作的每项更改。对于文本,更改是按每次一个字符或一组选择的字符的形式递增的。
内容辅助 内容辅助帮助您完成标记或代码行以及插入宏。根据为正在编辑的文件指定的标记标准所定义的标记,来决定内容辅助列表中的可用选项。
元素选择 根据光标位置,元素选择指示符在“源代码”页的左边区域中的垂直标尺中突出显示包括元素的行号。
弹出菜单选项 在编辑器的弹出菜单中,有许多工作台编辑菜单中的菜单选项。

CSS 编辑器中的窗格菜单使您能够更改“源代码”窗格和“预览”窗格的方向和相对大小。

相关任务
定义 Web 站点的页面样式 - 概述
创建样式表
编辑样式表

反馈