14、CSS 样式设计与元素选择全解析

CSS 样式设计与元素选择全解析

1. CSS 样式的应用与继承

1.1 全局样式表的应用

假设创建一个名为 global.css 的文件，其中包含如下代码：

p {
  font-family: Georgia;
  font-size: 12pt;
}

若要在整个网站应用此默认样式，需将网站与 global.css 文件关联。标准的关联方式是使用 link 元素，将其添加到文档头部：

<link rel="stylesheet" rev="stylesheet" href="global.css" type="text/css" media="screen" charset="utf-8" />

注意，此例中 global.css 文件与 HTML 文件位于同一文件夹。

1.2 内联样式的使用

每个可见的 HTML 元素都有 style 属性，可直接用于添加 CSS 属性。选择要应用样式的元素时，内联样式无需添加 CSS 规则的选择器部分，只需定义 CSS 属性。例如，若要通过内联样式设置段落字体，代码如下：

<p style="font-family:Georgia; font-