理论教育 创建样式表的方法简介

创建样式表的方法简介

时间:2023-06-09 理论教育 版权反馈
【摘要】:“新建样式表文件”创建出一个独立的外部CSS样式表文件,多个文档可以链接到外部CSS样式表文件,其优点是只要修改外部的CSS样式表文件,所有链接到该样式表文件的文档格式都会自动发生改变。

创建样式表的方法简介

创建样式表文件的方法很多,常用的有以下几种。

1.用“文件”菜单的新建子菜单创建

第一种方法:选择“文件”→“新建”→“基本页”→“CSS”命令,建立外部样式表文件。

第二种方法:选择“文件”→“新建”→“CSS样式表”命令,调出各类预存的CSS样式表,从中选择样式,然后执行“创建”命令,将自动创建样式表文件,样式表文件创建后可以进行修改。

2.用样式浮动面板创建

选择“窗口”→“CSS样式”命令,也可按Shift+F11快捷键打开样式浮动面板,单击鼠标右键,在弹出的子菜单中选择“新建”命令。

3.用“文本”菜单的CSS样式创建

选择“文本”→“CSS样式”→“新建”命令,弹出“新建CSS规则”对话框,对话框中共有以下三项,如图6-18所示。(www.daowen.com)

图6-18 新建CSS规则

1)选择器类型。选择器即样式要套用的对象,通常是HTML标记。其中“类”可以应用于任何标签,更简单地说就是选择器类型设为“类”定义的标签,是通用的标签,可以应用于网页上的任何地方、任何HTML标记上。其中“标签”,则用于重新定义特定标签的外观。网页的母语是HTML语言,每个HTML标记都有默认的属性,实现默认的效果,使用“标签”可以改变这些默认效果。例如,我们可以在下面的“名称”下拉列表中选择table,则整个网页中所有表格的默认效果全都是该CSS样式所设置的效果。其中的“高级”则是为特定的组合标签定义层叠样式表,使用ID作为属性,以保证文档具有唯一可用的值。高级样式是一种特殊类型的样式。

2)名称。在“选择器类型”选项下面是一个变化的栏目,随“选择器类型”的选择而变化。

如果在“选择器类型”中选择“类”,该处显示“名称”,在其后直接填入类的名称即可。要特别注意,对于自定义样式,名称前必须有圆点(·)。

如果在“选择器类型”中选择“标签”,则该处显示“标签”,在此处输入或选择HTML标记。

如果在“选择器类型”中选择“高级”,此处则变为“选择器”。其下拉列表中共有4个选项,即a:link、a:visited、a:hover、a:active。a:link设置a对象在未被访问前的样式表属性;a:visited设置a对象在其链接地址已被访问过时的样式表属性;a:hover设置对象在其鼠标悬停时的样式表属性;a:active设置对象在被用户激活(在鼠标单击与释放之间发生的事件)时的样式表属性。

3)定义在。“定义在该文档”只作用在当前文档,其优点是创建完成后就直接应用到当前文档。“新建样式表文件”创建出一个独立的外部CSS样式表文件,多个文档可以链接到外部CSS样式表文件,其优点是只要修改外部的CSS样式表文件,所有链接到该样式表文件的文档格式都会自动发生改变。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈