社交媒体 如何使用Dreamweaver中的标签选择器定义样式 - 虚拟人物

如何使用Dreamweaver中的标签选择器定义样式 - 虚拟人物

目录:

视频: 6 2 1DW定義標籤樣式 2024

视频: 6 2 1DW定義標籤樣式 2024
Anonim

您可以使用调用或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标记,则可以创建复合样式。例如,如果希望使用

标记进行格式化的文本在页面的主要部分中看起来与在侧边栏中看起来不同,则复合样式很方便。

如何使用Dreamweaver中的标签选择器定义样式 - 虚拟人物

编辑的选择

探索Solid Tools 8 - 傻瓜

探索Solid Tools 8 - 傻瓜

Solid工具为Google SketchUp建模者提供了一种全新的方式工作。实体建模操作(或布尔操作)使您能够通过相互之间添加或减去其他形状来创建所需的形状。这种类型的建模在其他3D应用程序中实际上很常见;现在SketchUp可以做...

地理定位您的SketchUp模型 - 虚拟模型

地理定位您的SketchUp模型 - 虚拟模型

SketchUp是唯一被授予完全访问Google巨大的地理奇迹 - 当你花了六年时间成为谷歌稳定的成员时,会发生这种情况。按照以下步骤为您的SketchUp文件添加地理位置快照:确保您在线。 Google的所有地理数据都是...

如何在SketchUp房屋模型中添加二楼

如何在SketchUp房屋模型中添加二楼

直接在下面的一个顶部保证您的SketchUp建筑模型中的所有内容排成一列。有些人主张“打到旁边”,把事情放在一起,但这是一个麻烦的办法。这是你如何添加二楼的房子模型。追踪内部...

编辑的选择

如何在Photoshop CS6中创建云 - 虚拟人物

如何在Photoshop CS6中创建云 - 虚拟人物

Photoshop CS6中的云过滤器可以鼓起一片满天的只需点击鼠标即可从头开始。此过滤器使用来自前景和背景颜色的随机值创建云。事实上,大多数Photoshop老手使用这个过滤器太多,他们的图像中有一个惊人的云数量。 ...

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

您可以创建PDF ,多页面和演示文稿,以及网络画廊,通过桥梁的输出面板。便携式文档格式(PDF)是Adobe Acrobat的本地文件格式,已经变成了一种非常有用且接近通用的格式。很难找到没有Adobe Reader的计算机(免费软件来打开和查看PDF文件)...

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如果要创建美丽的人影在Adobe Photoshop CS6中,可以很好地传输到其他应用程序进行文本换行,创建剪贴路径。剪切路径本质上是一个矢量路径,它定义了图像的哪一部分是可见的,哪一部分是透明的。通常围绕一个对象创建一个路径...

编辑的选择

约会50后:满足大量可用人在线 - 虚拟人物

约会50后:满足大量可用人在线 - 虚拟人物

作为新人50多岁的时候,你可能会遇到你们教会的每一个人,你们将通过那个场地见面。也许有一些新的人会弹出,但不是太多,而不是单身。但网络是不同的。新人总是出现。关系分手,配偶...

约会50:确定你是一个好听众 - 假人

约会50:确定你是一个好听众 - 假人

这里是一个在50岁以上成功约会的重要提示:确保你是一个很好的倾听你的约会的人。以下是有效倾听的前五个要素:稳定,专注的眼神接触微笑和面部表情,表明你已经理解,并且你很专心问题要求更多...

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

Copyright©2014 AARP 。版权所有。当你在50岁之后再次开始约会时,你的性习惯可能有点生疏。不要被你不知道的东西吓倒。作为一个伟大的情人,有一些基本的规则,如果你和你的伴侣有一个共同的愿望,以取悦每一个...