CSS 文件通常是一个文本文件,后缀名为 .css。在网页中引用 CSS 文件通常使用 <link> 标签,将 CSS 文件路径写在 href 属性中,通常被放在头部 <head> 里面。例如:
<head>
<link rel="stylesheet" href="style.css">
</head>
在 CSS 文件中,常常会使用选择器来指定样式作用的元素。例如,以下 CSS 代码使用了 “p” 选择器,指定所有的段落标签应用相同的样式:
p {
color: red;
font-size: 16px;
font-family: Arial, sans-serif;
}
要注意,CSS 文件的样式可以被后续的样式所覆盖或修改。这种方式被称为层叠。在层叠样式表中,选择器可以根据其特定性或优先级来确定其样式的优先级。这也是 CSS 文件被称为“层叠”样式表的原因。
在实际开发中,大家可以把 CSS 样式写在网页的 HTML 文件中,或者使用内联样式表。但是,这种方式的维护成本较高,也不利于改变网页样式。因此,在较大的项目中,大家更常使用外部 CSS 文件,方便维护和修改。