r设定鼠标移动到链接上时的外观;a:active设定链接获得焦点时的外观。例如,可以使超链接文字在各种状态下均无下划线,并且当鼠标悬停时文字颜色由蓝色变为红色等。设定后,本页面的所有超链接均会按所设定的外观来显示。在网站中使用CSS样式的方式与HTML样式相同,需要先创建CSS样式,然后在应用到网页或整个网站中。1.使用“CSS样式”面板在网站或网页中创建和应用CSS样式时,需要使用“CSS样式”面板。选择“窗口”菜单中的“CSS样式”命令或按【Shift+F11】键,可以打开“CSS样式”面板。二、创建和应用CSS样式在文档窗口中,class类样式将出现在“CSS样式面板”中,如图8.5所示。而对于创建的其他两种样式,将直接包含在网页代码或CSS外部样式表中,而不会显示在“CSS样式”面板。图8.5CSS样式面板2.创建CSS样式在文档中要创建CSS样式,首先将“CSS样式”面板打开,然后执行以下步骤。(1)在CSS样式面板中,单击“新建CSS样式”按钮,打开“新建CSS样式”对话框,如图8.6所示。图8.6“新建CSS样式”对话框(2)在“新建CSS样式”对话框中进行如下设置:如果选择“创建自定义样式(class)”样式类型,则在“名称”文本框中输入样式名称;如果选择“重定义HTML标签”或“使用CSS选择器”样式类型,则在“名称”文本框中选择相应的样式名称。(3)在“定义在”框中选择,如果选择“新建样式表文件”选项,如果曾经定义过样式表文件,则可以从列表中选择一个文件;如果选择“仅对该文档”单选按钮,表示样式将直接定义在当前文档中。(4)单击“确定”按钮,如果选择“新建样式表文件”选项,则打开“保存样式表文件”对话框,进行保存设置即可后弹出“样式名称的CSS样式定义”对话框;则直接弹出“样式名称的CSS样式定义”对话框,如图8.7所示。图8.7“CSS样式定义”对话框
全文预览
