目录:
- 1在“CSS设计器”面板的“选择器”面板中,选择要添加新样式的样式表。
- 2如果要将样式定位到特定的媒体类型或屏幕大小,请在@Media面板中选择或定义媒体查询。
- 一个新的选择器被添加到选择器面板。
- 5在“属性”面板中,在样式规则中指定所需的设置。
- 标记格式化的页面中的文本。
视频: 6 2 1DW定義標籤樣式 2024
您可以使用调用或ID选择器在Dreamweaver中创建全新样式,但也可以创建可更改现有HTML格式的样式标签。这些样式是使用 标签选择器 (也称为 元素选择器 )创建的。使用标签选择器定义样式时,可以更改任何现有HTML标签的外观,位置和其他功能。
<! --1 - >许多HTML标签已经包含格式化选项。例如,标题标签包括格式化使用大粗体字体的文本样式。当您使用标签选择器创建样式时,必须考虑已经与该标签关联的格式选项。您定义的任何选项将被添加到现有格式或覆盖格式。
您可能会问,“为什么我会重新定义
标记而不是使用类或ID选择器创建新的标题样式? “虽然你可以定义一个新的类风格,而不是重新定义一个HTML标签,有时使用现有的HTML标签更好。
标题样式在网络上尤为重要,因为在
标签中格式化的文本被很好地识别为页面上最重要的文本。除此之外,使用
标签格式化的文本可能会受到搜索引擎的特别关注。
要创建一个使用标签选择器重新定义HTML标签(如
标签)的样式,请先创建一个文件或打开一个现有文件,然后执行以下步骤:
1在“CSS设计器”面板的“选择器”面板中,选择要添加新样式的样式表。
为现有HTML标记创建样式时,不需要像使用类和ID样式一样应用样式本身。无论您使用HTML标签,都应用样式定义设置。
2如果要将样式定位到特定的媒体类型或屏幕大小,请在@Media面板中选择或定义媒体查询。
使用带样式的媒体查询是可选的。如果不指定媒体查询,则Dreamweaver将使用“全局”属性,并且您的样式将以所有媒体格式和屏幕大小工作。 3在“选择器”面板中单击加号(+)。
一个新的选择器被添加到选择器面板。
单击加号(+)创建新选择器时,可能会发生一些情况,具体取决于Dreamweaver中打开的页面上的内容。首次在空白网页中创建样式时,Dreamweaver将在“选择器”面板中输入正文。
如果您正在使用HTML标记或样式格式的文本或其他内容处理页面,则Dreamweaver可能会根据围绕光标所选内容的元素添加复合选择器。 <4>在“选择器”面板中,双击选择器名称。开始输入HTML标签的名称,然后从显示的下拉列表中选择标签。
您可以输入任何HTML标签的名称以使用标签选择器创建样式。当您键入HTML标签时,会出现一个下拉列表,其中包含以您输入的相同字母开头的标签。从列表中选择所需的标签,而不是自己输入整个标签名称是一种很好的做法,因为避免了拼写错误。
5在“属性”面板中,在样式规则中指定所需的设置。
字体和颜色会立即应用到使用
标记格式化的页面中的文本。
如果您希望能够在同一页的不同部分使用具有不同格式的相同HTML标记,则可以创建复合样式。例如,如果希望使用