“新样式”和“修改样式”对话框,框

**“新建样式”“修改样式”**对话框提供使您能够定义或修改级联样式表 (CSS) 样式特性的选项。 CSS 样式将各个格式设置特性和定位特性组合到一个特性集内,以便您可以同时应用。

“新建样式”对话框分为两个窗格。 顶部窗格使您能够选择在何处定义样式和哪个元素或类适合该样式。 底部窗格列出了九个常规类别(“字体”“块”“背景”“边框”“框”“位置”“布局”“列表”“表”)。 当选择某个类别时,下窗格显示选定类别的选项。 在您选择样式选项时,**“新建样式”**对话框为您创建 CSS 样式定义。

**“修改样式”对话框中的选项与“新样式”对话框的底部窗格对应。 在您编辑样式表时“修改样式”**可用。 **“新样式”**对话框在您编辑 HTML 或 ASP.NET 页面时可用。

“新建样式”对话框

打开“新建样式”对话框并定义样式

  1. 在主菜单上单击**“格式”,再单击“新建样式”**。

    **“新建样式”**对话框随即显示。

  2. 在**“选择器”**下拉列表中,选择 HTML 元素或键入将包含样式定义的类名称。

    类名前必须是句点 (.)。

  3. 在下拉列表的**“定义范围”**中,在当前 Web 页、将添加到网站的新样式表或现有样式表中选择定义样式。 当前网页中定义的样式只能应用于该页面中的元素。 外部样式表可让您定义多个网页的通用外观。

    如果选择一个现有样式表,请在**“URL”**文本框中定义其位置。

  4. 如果想要通过使用样式属性来显示网页中当前选定的项,请选中**“将新样式应用于文档选择内容”**复选框。

  5. 从左窗格中选择一个选项,并定义 CSS 样式特性。

“修改样式”对话框

将打开“修改样式”对话框。

  • 执行下列操作之一:

    • 右键单击编辑器的样式表,然后从快捷方式菜单中选择**“生成样式”**。

    • 在样式表工具栏上,选择**“生成样式”**。

    将显示**“修改样式”**对话框。

    对话框中的与**“新样式”**对话框的底部窗格相同。

任务

演练:编辑 Web 窗体页的 Visual Studio 的基本 HTML

演练:创建和修改 CSS 文件

UI 元素

了解以下选项的更多信息

请参见

字体

“新样式”和“修改样式”对话框,字体

背景

“新样式”和“修改样式”对话框,背景

文本对齐

“新样式”和“修改样式”对话框,块

元素在页中的位置

“新样式”和“修改样式”对话框,位置

浮点控制、溢出、剪切

“新样式”和“修改样式”对话框,布局

边框

“新样式”和“修改样式”对话框,边框

边距和填充

“新样式”和“修改样式”对话框,框

列表

“新样式”和“修改样式”对话框,列表

“新样式”和“修改样式”对话框,表

请参见

其他资源

使用 CSS 概述