CSS 引用：让 HTML 与 CSS 携手共进

CSS，全称层叠样式表，是一种用于网页样式的语言。有了CSS，我们可以轻松地为网页添加背景颜色、字体、边框等样式，让网页变得更加美观和易读。

要让CSS发挥作用，我们需要将它与HTML结合起来。HTML负责定义网页的结构，而CSS负责定义网页的样式。我们可以通过两种方式将CSS与HTML结合起来：

• 外部样式表（外联）：这种方式是将CSS代码写在单独的CSS文件中，然后在HTML文件中通过标签引入该CSS文件。这样做的好处是可以让CSS代码更加集中，方便管理。
• 内部样式表（内联）：这种方式是将CSS代码直接写在HTML元素的标签中。这样做的好处是可以在HTML文件中直接对元素进行样式定义，无需再引用外部CSS文件。

两种方式各有优缺点，可以根据自己的需要选择使用。

外部样式表的使用方法

1. 在HTML文件的标签中添加 标签。
2. 在 标签中指定CSS文件的路径。
3. 在CSS文件中编写CSS代码。

内部样式表的使用方法

1. 在HTML元素的标签中添加 标签。
2. 在 标签中指定CSS代码。

CSS引用的注意事项

• CSS文件必须以.css为后缀名。
• CSS代码必须写在花括号{}中。
• CSS选择器必须写在花括号{}前面。
• CSS属性必须写在冒号:后面。
• CSS属性值必须写在分号;后面。

CSS选择器

CSS选择器用于指定哪些HTML元素会被CSS样式影响。CSS选择器有很多种，常用的有以下几种：

• 标签选择器：用于指定某个标签的元素，如p { }。
• 类选择器：用于指定具有某个类的元素，如.my-class { }。
• ID选择器：用于指定具有某个ID的元素，如#my-id { }。
• 通用选择器：用于指定所有元素，如* { }。

CSS属性

CSS属性用于定义CSS样式。CSS属性有很多种，常用的有以下几种：

• 背景颜色：background-color
• 字体：font-family
• 字体大小：font-size
• 颜色：color
• 边框：border

CSS规则

CSS规则由选择器和属性组成。CSS规则写在花括号{}中。例如，以下CSS规则将所有p标签的字体颜色设置为红色：

p {
  color: red;
}

CSS文件

CSS文件是用来存储CSS代码的文件。CSS文件的扩展名为.css。CSS文件可以放在任何地方，但通常会放在网站的根目录下。

CSS链接

CSS链接是HTML文件中用来引入CSS文件的标签。CSS链接写在标签中。例如，以下CSS链接将引入名为style.css的CSS文件：

<link rel="stylesheet" href="style.css">

结语

CSS引用是CSS入门的基础。掌握了CSS引用，您就可以将CSS样式应用到HTML网页中，让网页变得更加美观和易读。