5、CSS选择器：精准定义页面样式

CSS选择器：精准定义页面样式

1. CSS样式基础

每个CSS样式都由两部分组成：选择器（selector）和声明块（declaration block）。声明块包含了文本颜色、字体大小等格式属性，而选择器则决定了样式作用的具体元素。通过选择器，你可以完全控制页面的外观。如果你想进行全局样式设置，可以使用能同时应用于页面多个元素的选择器；若更注重细节，也有其他选择器能让你单独选择某个特定元素或一组相似元素。

2. 类型选择器（Type Selectors）

类型选择器用于为特定的HTML标签设置样式，也被称为元素选择器。它们是非常高效的样式工具，因为它们会应用到网页上该标签的每一次出现。例如，当你想为页面上的每个段落文本使用相同的字体、颜色和大小进行格式化时，只需创建一个以 p （即 <p> 标签）为选择器的样式。本质上，类型选择器重新定义了浏览器显示特定标签的方式。

在CSS出现之前，为了格式化文本，你必须将文本包裹在 <font> 标签中。为了给页面上的每个段落添加相同的外观，通常需要多次使用 <font> 标签。这个过程工作量大，需要大量的HTML代码，导致页面下载速度变慢，更新也更耗时。而使用类型选择器，你实际上不需要对HTML做任何改动，只需创建CSS规则，让浏览器完成剩下的工作。

类型选择器在CSS规则中很容易识别，因为它们与所设置样式的标签名称完全相同，如 p 、 h1 、 table