7、网页HTML结构与级联样式表使用指南

网页HTML结构与级联样式表使用指南

1. 使用样式类

当你希望网页上的部分文本与其他文本呈现不同外观时，可以创建自定义的HTML标签，这种自定义的格式化文本类型被称为样式类。样式类是一组自定义的格式化规范，可应用于网页中的任何元素。

在介绍样式类之前，先明确一些CSS术语：
- CSS样式属性 ：可赋予特定值的样式，如颜色（color）或字体大小（font-size）。
- 选择器 ：用于将样式属性及其对应值与网页元素关联起来，识别要应用样式的标签。

以下是一个基本样式规则的示例，包含选择器、属性和值：

h1 { font: 36pt Courier; }

在这段代码中， h1 是选择器， font 是样式属性， 36pt Courier 是值。该选择器意味着字体设置将应用于网页中的所有 h1 元素。若要区分不同的 h1 元素，就需要用到样式类。

假设文档中需要两种不同的 <h1> 标题，可在样式表中添加以下CSS代码来创建样式类：

h1.silly { font: 36pt 'Comic Sans'; }
h1.serious { font: 36pt Arial; }
<