介绍
在Web开发中，HTML和CSS是最为基础，也是必备的技能。HTML用来定义网页的结构和内容，而CSS用来控制网页的外观和样式。在实际的开发中，我们需要将HTML和CSS结合起来，以达到美观、易读、易维护等目的。下面我们就来介绍一下HTML中使用CSS的方法。
内联样式
内联样式是将样式直接写在HTML标签中，可以对某个标签或某一组标签进行样式设置，但不具有可读性和可维护性。内联样式的写法为style 属性，如下所示：
<p style="color: red; font-size: 20px; font-weight: bold;">这是一段红色、20号、加粗字体的文本</p>
这段代码实现了对``标签内文本的颜色、字体大小和字体粗细设置。
内部样式表
内部样式表是将样式写在HTML文档的<head>标签内，可以对整个文档的某一类标签进行样式设置。内部样式表的写法为使用<style>标签，块级的CSS样式可以写在其中，如下所示：
<head>
<style>
p {
color: red;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<p>这是一段红色、20号、加粗字体的文本</p>
</body>
这段代码实现了对整个文档中所有的``标签内文本的颜色、字体大小和字体粗细设置。
外部样式表
外部样式表是将CSS代码写在一个独立的`.css`文件中，然后在HTML文档中通过<link>标签引入，可以对整个文档的多个页面进行样式设置，易于维护和更新。外部样式表的写法为在CSS文件中写样式规则，如下所示：
p {
color: red;
font-size: 20px;
font-weight: bold;
}
然后在HTML文档中通过<link>标签引入：
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>这是一段红色、20号、加粗字体的文本</p>
</body>
这段代码实现了对整个文档中所有的``标签内文本的颜色、字体大小和字体粗细设置。
链接格式
需要注意的是，在使用外部样式表时，<link>标签的`href`属性应该填写CSS文件的路径，即CSS文件的相对路径或绝对路径。同时要注意CSS文件本身的格式，它应该是以`.css`结尾的纯文本文件。
多重样式
另外，当同一个元素有多重样式时，CSS的优先级规则是内联样式 > 内部样式表 > 外部样式表，当多份样式规则的优先级相同时，后面的规则会覆盖前面的规则。
选择器
在CSS中，选择器用来指定CSS样式规则应用到哪个元素。CSS选择器包括标签选择器、类选择器、ID选择器、属性选择器、伪类选择器等。下面就来分别介绍一下这些选择器。
标签选择器
标签选择器是指通过HTML标签来作为选择器指定元素的样式。例如，下面的CSS代码会将所有的``标签设置为红色：
p {
color: red;
}
类选择器
类选择器是指通过在HTML标签中添加 `class` 属性来作为选择器指定元素的样式，可以在一个HTML文档中多次使用同一个类。例如，下面的CSS代码会将所有类名为`highlight`的元素背景色改为黄色：
.highlight {
background-color: yellow;
}
ID选择器
ID选择器是指通过在HTML标签中添加 `id` 属性来作为选择器指定元素的样式，每个HTML文档中只能使用一次。例如，下面的CSS代码会将`id`为`header`的元素背景色改为灰色：
#header {
background-color: gray;
}
属性选择器
属性选择器是指通过HTML元素的属性来作为选择器指定元素的样式。例如，下面的CSS代码会将所有`title`属性取值为`warning`的``元素背景色修改为红色：
p[title="warning"] {
background-color: red;
}
伪类选择器
伪类选择器是指对HTML元素的特定状态进行选择器指定元素的样式，包括`hover`、`active`、`visited`、`focus`等。例如，下面的CSS代码会将鼠标悬停时<a>元素的颜色修改为红色：
a:hover {
color: red;
}
总结
在HTML中使用CSS，我们可以通过内联样式、内部样式表和外部样式表任意选择并进行使用。同时，我们也可以通过选择器来指定元素的样式，包括标签选择器、类选择器、ID选择器、属性选择器、伪类选择器等。掌握这些基础CSS知识后，我们就可以为网页赋予更好的展示效果。