如何：使用“CSS 属性”窗口
您可以使用**“CSS 属性”**窗口来查看并修改级联样式表 (CSS) 样式属性。 对于 Web Forms 页，您可以在 “设计” 视图中使用 “CSS 属性” 窗口。 您可以在 “源” 视图中对任何类型的页使用它。 您还可以与外部CSS文件或与 **“管理样式”**窗口一起使用它。
打开“CSS属性”窗口
- 在 **“视图”**菜单中选择 "CSS属性”。
**“CSS 属性”**窗口显示 Web 页中当前所选元素使用的所有样式。 您还可以查看这些样式的优先级顺序、所有属性和值。
"CSS 属性”窗口概述
"CSS 属性" 具有下列元素：
UI 元素 |
说明 |
|---|---|
显示 按钮 |
窗口的顶部显示“显示分类的列表”， “显示按字母顺序排列的列表”，和 "在顶部显示的集属性” 按钮。 这些按钮允许您更改属性显示的顺序。 若要仅已分配值的属性显示在每个分类的顶部，请选择“在顶部显示集的属性”。 没有值的属性在每显示在每个分类的底部。 |
摘要 |
您可以单击 “摘要”按钮来列出影响所选元素的所有样式的属性。 此列表包含可能不在“应用的规则”部分显示的属性。 |
已应用的规则 |
指示要对元素应用的样式 如果在此列表中选择了一个规则，则其已分配的属性就会在下面的“CSS 属性”分区中突出显示。 如果尚未应用样式，则 “应用的规则” 分区中将显示 “未应用规则”。 在该列表中，处于较低位置的规则的优先级高于处于较高位置的规则。 请右击选择器以显示快捷菜单，该快捷菜单包含该选择器与样式一起运行的其他选项。 |
CSS 属性 |
可以使用此分区查看或设置在“已应用的规则” 下选择的样式的 CSS 属性。 属性中的红线指示这些属性不是当前选定内容继承的，而是其他样式重写的。 |
提示
如果双击已应用的规则或具有的属性值的 CSS 属性，Visual Studio 将打开样式表。显示规则定义的位置。或者，您可以右键单击一个规则或属性并选择 "转到代码" 。
使用“CSS 属性”窗口修改样式
您可以使用**“CSS 属性”**窗口来更改单个元素或共享 CSS 类的所有元素的格式或样式设置。
修改样式的属性
在**“CSS 属性”窗口的“应用的规则”**列表中，选择一个元素、一个内联样式、一个元素 ID 或一个元素 CSS 类。
在**“CSS 属性”**部分中，更改这些属性。
确定要对元素应用的样式
您可以使用**“CSS 属性”**窗口来查看对元素应用的所有样式。 您还可以查看重写的样式属性。 重写的样式属性显示时内部带有红线，红线指示该属性没有应用于当前所选元素。
例如，某个元素可以同时应用了嵌入式样式规则和来自样式表的样式规则。 在这种情况下，内联样式规则将重写样式表规则。
查看应用于所选元素的所有属性的摘要
在页面中选择一个元素，然后单击**“摘要”**以切换到摘要模式。
在**“CSS 属性”**部分，显示有所选元素应用的所有属性。
单击**“CSS 属性”下的属性，以在“应用的规则”**下概览关联的样式规则。
再次单击**“摘要”**按钮以退出摘要模式。
备注
如果将鼠标指针置于带删除线的属性之上，则已被重写的属性的工具提示会识别出重写该属性的属性。