第19章CSS控制其他元素的.pptVIP

第19章 CSS控制其他元素的显示 CSS控制其他元素的显示，包括很多方面的内容，例如滚条、光标、打印等。其中有部分内容要通过CSS中的伪类选择符实现。在CSS中，关于其他元素的修饰属性有很多，但大多数还不被浏览器所支持。所以本章只讲解其中被浏览器所支持的各种属性和伪类，通过本章学习，应该掌握以下知识要点： 熟悉CSS控制滚条的显示的方法。 了解CSS控制光标的显示的方法。 学会控制元素的缩放。 精通控制超链接的显示效果。 19.1 控制滚条的显示 在各种浏览器中都存在滚条，目的是在浏览器所在的空间中能够包含更多的内容。可以通过定义CSS样式，显示元素的滚条。通过使用滚条的相关属性，可以修饰和美化页面中各个位置的滚条。具体内容如下所示。 注意：滚条的相关属性是IE浏览器的特有属性，在其他浏览器中无法显示滚条属性中定义的显示效果。 19.1.1 滚条3d亮边框颜色属性scrollbar-3dlight-color 一般页面中滚条都显示在浏览器的右侧。滚条3d亮边框，是指右侧滚条中，显示在滑块和箭头区域最外层左侧和顶部的区域。 19.1.2 滚条亮边框颜色属性scrollbar-highlight-color 滚条亮边框，是指右侧显示的滚条中，与滚条3d亮边框相邻的区域。 19.1.3 滚条滑块颜色属性scrollbar-face-color 滚条滑块，是指右侧显示的滚条中，可以使用鼠标上下拖动的区域，以及箭头区域部分。滚条滑块颜色属性的语法结构如下所示。scrollbar-face-color : color; 19.1.4 滚条箭头颜色属性scrollbar-arrow-color 滚条箭头，是指右侧滚条中，在滚条的顶部和底部显示的三角箭头的区域。滚条箭头颜色属性的语法结构如下所示。scrollbar-arrow-color : color; 19.1.5 滚条阴影颜色属性scrollbar-shadow-color 滚条阴影，是指右侧滚条中，显示在滚条拖动区域和箭头区域右侧和底部的部分。滚条阴影颜色属性的语法结构如下所示。scrollbar-shadow-color : color; 19.1.6 滚条暗部阴影属性scrollbar-darkshadow-color 滚条暗部阴影，是指右侧滚条中，显示在与滚条阴影相邻的左侧和顶部区域。滚条滚条暗部阴影颜色属性的语法结构如下所示。scrollbar-darkshadow-color: color; 19.1.7 滚条拖动区颜色属性scrollbar-track-color 滚条拖动区，是指右侧滚条中，可以使用鼠标进行上下拖动的区域的背景部分。滚条拖动区颜色属性的语法结构如下所示。scrollbar-track-color : color; 19.1.8 滚条基准色属性scrollbar-base-color 滚条基准色，是指在滚条中定义一个作为基准的颜色，滚条所有部分按照基准颜色自动调整显示。滚条基准色属性的语法结构如下所示。scrollbar-base-color : color; 19.1.9 定义滚条的颜色 在定义滚条颜色的时候，可以同时使用除基准色属性之外的各种属性。因为如果定义了基准色属性，则基准色会和其他区域定义的颜色发生冲突。 19.2 控制光标的显示 在CSS中，可以使用相应的属性，定义光标的显示效果。在网页中特定的内容部分会显示特定的光标效果，通过使用CSS中的光标控制属性，可以改变这种默认的显示方式，使显示效果更加合理。光标控制属性的语法结构，如下所示。 19.2 控制光标的显示 19.3 控制元素的缩放 在CSS中，可以使用相应的属性，定义元素的缩放程度。当定义了缩放程度之后，元素中的所有内容，包括文本、图像等，都将按照定义的属性值进行缩放。 19.4 控制链接的显示 在网页中，通常要使用很多链接元素，定义页面的跳转。在CSS中，可以通过使用伪类来定义链接内容在各种状态下的显示效果。通常链接元素都有4个状态，未访问状态、鼠标悬停状态、链接激活状态、已访问状态，其显示效果的控制分别由4个伪类控制。下面进行详细讲解。 19.4.1 定义链接未访问的显示效果 定义链接未访问效果的伪类是：:link。使用:link伪类可以定义未访问链接的各种显示效果。 19.4.2 定义链接鼠标悬停的显示效果 定义链接鼠标悬停效果的伪类是：:hover。使用:hover伪类可以定义链接鼠标悬停的各种显示效果。:hover伪类的使用方法，如下所示。 :hover:{属性:属性值;} 19.4.3 定义链接激活的显示效果 定义链接激活时（例如鼠标按下与释放之间）显示效果的伪类是：:active。使用:active伪类可以定义链接激