视频: تحميل Download برنامج ادوبي دريم ويفر Adobe Dreamweaver CS6 مع التفعيل مجاناً 2024
在Adobe Dreamweaver CS6中创建 标签样式 (或 类型选择器 )是新用户理解CSS的一条简单且安全的路线,因为它定位现有的HTML标签,例如P,H1和H2。
使用您网页上的现有标签,您可以选择在使用某些HTML标签的地方应用自动格式。例如,您可以使
(标题1) 标记内的任何文本自动为粗体,36像素和红色。
<!要使用“属性”检查器创建标签样式,请执行以下步骤:
打开一个包含文本的HTML页面。
-
在属性检查器上,单击面板左侧的HTML按钮,以HTML视图显示属性检查器。
-
选择一行文本,并通过单击属性检查器中的B按钮将其粗体显示。
-
通过点击面板最左侧的CSS按钮切换到属性检查器的CSS视图。
-
目标是将明确的样式信息分配给用粗体显示文本的标签,因此页面上的粗体文本也会显示为红色。
将粗体文本保留为选中状态,并在“属性”检查器中从“目标规则”下拉列表中进行选择。
-
选中文本后,使用属性检查器右侧的颜色选择器(位于B和I按钮下方)选择红色以应用于所选的粗体文本。
-
出现新的CSS规则对话框。
从“选择器类型”下拉列表中,选择“标记(重新定义HTML元素)”。从Selector Name下拉列表中选择Strong;从“规则定义”下拉列表中选择(仅此文档)。
-
选择器类型确定如何将格式应用于页面上选定的HTML标记。自动应用标签样式,只要该元素出现在页面上。
单击确定以创建新的标签样式并关闭面板。
-
现在,每次您应用
标记来制作粗体文本(使用B按钮或其他快捷键)时,粗体文本也会显示为红色。您已经创建了一个标签样式,用于确定在文档中出现的文本的粗体显示方式。 您可以通过选择任何粗体文本并继续修改属性检查器中的文本属性来进一步优化这种新的标签样式。
如果要编辑和微调已创建的规则,可以单击“目标规则”下拉列表下方的“编辑规则”按钮以打开“CSS规则定义”对话框。此对话框默认打开“类型”类别,您可以在其中修改与类型相关的属性。
完成标签样式的微调后,单击对话框底部的“应用”以查看您的更改。您也可以单击确定以应用您的更改并退出对话框。
在属性检查器上,单击面板左侧的HTML按钮,以HTML视图显示属性检查器。
选择一行文本,并通过单击属性检查器中的B按钮将其粗体显示。
通过点击面板最左侧的CSS按钮切换到属性检查器的CSS视图。
将粗体文本保留为选中状态,并在“属性”检查器中从“目标规则”下拉列表中进行选择。
选中文本后,使用属性检查器右侧的颜色选择器(位于B和I按钮下方)选择红色以应用于所选的粗体文本。
从“选择器类型”下拉列表中,选择“标记(重新定义HTML元素)”。从Selector Name下拉列表中选择Strong;从“规则定义”下拉列表中选择(仅此文档)。
选择器类型确定如何将格式应用于页面上选定的HTML标记。自动应用标签样式,只要该元素出现在页面上。
单击确定以创建新的标签样式并关闭面板。
现在,每次您应用
标记来制作粗体文本(使用B按钮或其他快捷键)时,粗体文本也会显示为红色。您已经创建了一个标签样式,用于确定在文档中出现的文本的粗体显示方式。 您可以通过选择任何粗体文本并继续修改属性检查器中的文本属性来进一步优化这种新的标签样式。