9、网页文本样式设置全解析

网页文本样式设置全解析

1. CSS 样式设置基础

CSS 的主要目的是为 HTML 元素添加样式，这一过程主要包含两个步骤：
1. 选择一个或多个 HTML 元素。
2. 定义应用于这些选定元素的样式。

在选择元素时，可以使用多种选择器类型和组合器类型，以便更精确地选择元素。同时，样式定义也有多种方式，还可以使用速记属性简化样式属性的编写。此外，样式规则会层叠生效，并且可能会相互覆盖，还能使用媒体查询使样式规则仅在特定设备、设备尺寸和视图状态下生效。

2. 文本样式的重要性

在应用中，高质量的排版不仅仅是让文本看起来美观，更重要的是它能够传达样式、结构和层次信息，帮助用户快速理解屏幕上内容的重要性，区分应用标题、部分类别和正文内容。因此，掌握文本显示的控制对于优化应用至关重要。

3. 文本基本属性

3.1 颜色和透明度

颜色属性主要用于确定所选元素的前景色，通常影响元素内的文本颜色。常见的定义颜色的属性有三个：color、background - color和border - color。定义颜色的方式有四种：
-按颜色名称：这是最直观的方式，HTML/CSS 标准中定义了 147 种命名颜色，可在 这里 查看完整列表。例如，直接将颜色名称作为color