Posted on | by liu
CSS (层叠样式表)是现代网页设计的重要组成部分。它可以通过定义样式来控制 HTML 文档的外观和布局。CSS 在网页开发中扮演着至关重要的角色，因此了解CSS的基本用法非常重要。在本文中，大家将重点介绍CSS几种基本的引用用法。
使用链接引用
使用链接引用是将css与HTML分开的一种方法。以链接引用的形式嵌入样式表，可以明显地将样式表与HTML文档分离开来，可以提高文档中内容的可读性，也可以实现多个文档共用一个样式表的效果。当样式表越来越普遍，这种方式是最好的选择。 链接引用可以在HTML文件中加入一个标记来实现：
<link href="style.css" rel="stylesheet">
此例中，`style.css`表示要引入的样式表的名称。注意这个文件必须位于HTML文件所在的目录中。
内联样式
内联样式是将CSS代码直接嵌入到HTML文档中的一种方法。但是，如果你有多个HTML文件，每一个文件都包含重复的内嵌样式表，这样的方法显然不是最好的选择。内嵌样式表的语法格式如下：
<style type="text/css">p {color: red;}
</style>在这个例子中，大家定义了样式表来设置段落文本的颜色为红色。这段代码必须放在标签中。
使用ID选择器
CSS ID选择器是一种标记，用于唯一标识一个HTML元素，如图像或段落。通过将ID选择器应用于元素，可以更改元素的样式。ID选择器之所以是唯一的，是因为一个HTML元素只能拥有唯一的ID值。ID选择器的语法格式如下：
#elementID {
/*CSS属性*/
}在这个例子中，#elementID是ID选择器的名称。可以在相应的HTML元素中设置它们的ID属性，如下所示：
<p id="elementID">Hello World!</p>
使用Class选择器
类选择器是一种标记，允许应用相同的样式到多个标记，而不必逐个为它们设置样式表。类选择器的语法格式如下：
.className {
/*CSS属性*/
}在这个例子中，.className是类选择器的名称。可以在相应的标记中设置它们的class属性，如下所示：
<p class="className">Hello World!</p>
总结
以上是CSS几种基本的引用用法，链接引用、内嵌样式表、ID选择器和类选择器。这些方法是CSS的基石，掌握这些方法是CSS设计中的关键。无论是专业的网页设计者还是初学者，都应该掌握这些基本用法，以便更好地控制网页的样式和布局。