DWCS6教程77—如何使用CSS样式面板

第二十五课 使用CSS样式面板

您可以使用“CSS 样式”面板查看、创建、编辑和删除 CSS 样式，并且可以将外部样式表附加到文档。使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性（“正在”模式），也可以跟踪文档可用的所有规则和属性（“全部”模式）。使用面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“全部”和“正在”模式下修改 CSS 属性。

1、打开CSS样式面板

a、窗口菜单——CSS样式（快捷键：shift+F11）

2、“当前”模式下的 CSS 样式面板

a、所选内容的摘要栏：显示当前选中的某规则样式的属性内容和属性值。

b、规则栏：按层叠关系显示当前选中的样式规则以及所在的位置。

c、所选规则的属性：显示并允许编辑应用于所选内容的规则 CSS 属性

d、可以通过拖动窗格之间的边框调整任意窗格的大小，通过拖动分隔线调整列的大小。

3、所有模式下的 CSS 样式面板

a、所有规则：显示当前文档中定义的规则以及附加到当前文档的样式表中定义的所有规则的列表

b、属性：可以编辑“所有规则”窗格中任何所选规则的 CSS 属性