web前端-CSS基本选择器

使用位置

内部使用：在head区域用style标签。

外部导入：

这是一个 HTML 代码片段，用于将外部 CSS 样式表链接到 HTML 文档中。让我们逐一解释一下：

：这是一个 HTML 标签，用于定义当前文档与外部资源之间的关系。在这种情况下，它用于链接样式表。

rel=“stylesheet”：这个属性指定了当前文档与链接资源之间的关系，表示它是一个样式表。

type=“text/css”：这个属性指定了链接资源的类型，这里是一个 CSS 样式表。值 “text/css” 表示链接的资源是一个 CSS 文件。

href=“header.css”：这个属性指定了链接资源的 URL，即名为 “header.css” 的 CSS 文件。href 属性包含了相对于 HTML 文档位置的 CSS 文件路径。

总的来说，这个 HTML 代码片段用于将名为 “header.css” 的外部 CSS 样式表文件链接到当前的 HTML 文档中，从而使 CSS 文件中定义的样式应用到 HTML 内容上

选择器

有三种选择器：

标签选择器：直接定义所有指定标签的样式，语法为 标签名{}

类选择器：可以跨标签复用,指定一个标签，对应标签的class名称，语法为 .类名{}

id选择器：全局唯一，不能重复，语法为 #id名称

优先级说明：id选择器>class选择器>标签选择器
1
2
3
4
5
6
7

标签选择器：
类选择器:

选择器的优先级:
id选择器大于类选择器大于标签选择器。