建设网页制作：创建、管理及应用CSS样式

以上三种方式的任何一种，都可以将CSS样式应用到网页中。当同时指定以上的两种或三种方式时，网页将根据CSS样式的优先级来显示页面内容。优先级的定义是，越接近目标的样式，优先级越高。因此，内联样式的优先级高于内部样式，内部样式的优先级高于外部样式。并且，高优先级的样式将继承低优先级样式的未重叠定义，但会覆盖重叠的定义。

    用“记事本”编写如下代码并保存，文件名为3_1_4. css:

任务3掌握CSS层叠样式表

<p>标记的内容被设置成“蓝色”、“20号”、“隶书”。接下来，带style属性的<p>标记内容将在<p>标记设置的基础上，再覆盖style．属性的重叠设置，也就是保留文字的大小和字体的设置，覆盖文字颜色的设置，文字被设置成“绿色”、“20号”、“隶书”。

 创建、管理及应用CSS样式

    CSS样式的创建和应用非常简单，管理起来也十分方便。用Windows操作系统的“记事本”工具和其他的网页制作工具都可以方便地实现。

    1．CSS选择器

    用户通过选择器对不同的HTML标签赋予各种样式声明，即可实现各种效果。

    (1)标记选择器。一个HTML页面由很多不同的标记组成，而CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如，hl选择器用来声明页面中所有的<hl>标记的CSS风格，如下所示：

  以上CSS代码声明了HTML页面中所有<hl>标记文字的颜色都采用红色，大小都为25像素。每一个CSS选择器都包含选择器本身、属性和值，其中属性和值可以设置多组，每组间用分号分隔，从而实现对同一个标记声明多种样式风格，如图3 -5所示。选择器

    在网站的后期维护中，如果希望所有< hl>标记不再采用红色，而是蓝色，这时仅仅需

要将属性color的值改为blue，即可全部生效。