CSS（层叠样式表）是一种用于描述HTML文档外观和格式的样式表语言，通过使用CSS，我们可以轻松地更改网页的布局、颜色、字体等元素，从而实现更加丰富和多样化的视觉效果，本文将详细介绍如何使用CSS来修改HTML元素的样式。
CSS可以通过多种方式应用到HTML中，例如内联样式、内部样式表和外部样式表，内联样式是直接在HTML元素中使用“style”属性来定义样式，适用于单个元素的样式修改，内部样式表则是在HTML文档的<head>部分通过<style>标签定义样式规则，适用于整个页面的样式设置，外部样式表是通过<link>标签引入一个单独的CSS文件，可以实现多个页面共享同一套样式规则，提高代码的复用性。
要使用CSS修改HTML元素的样式，首先需要为元素添加一个唯一的标识符，即ID或类名，ID用于标识单个元素，而类名可以应用于多个元素，我们可以为一个段落添加一个类名“important”，如下所示：
<p class="important">这是一段重要的文本。</p>
接下来，我们可以在CSS中为这个类名定义样式规则，我们可以设置文本颜色为红色，背景颜色为黄色：
.important {
color: red;
background-color: yellow;
}
我们还可以通过CSS选择器来为不同类型的HTML元素设置样式，我们可以为所有的<h1>标签设置字体大小和颜色：
h1 {
font-size: 24px;
color: blue;
}
在实际项目中，我们通常需要对多个元素进行样式修改，以实现整体的视觉效果，这时，可以通过组合不同的CSS选择器和样式规则来实现复杂的布局和设计，我们可以为导航菜单设置水平排列、为列表项设置自定义图标等。
常见问题与解答：
Q1：如何为一个HTML元素添加多个类名？
A1：可以通过空格分隔的方式为一个元素添加多个类名，<div class="class1 class2">，这样，该元素将应用两个类名所定义的样式规则。
Q2：CSS中的ID和类名有什么区别？
A2：ID用于标识单个元素，具有唯一性，而类名可以应用于多个元素，通常情况下，ID的优先级高于类名，因此在样式冲突时，ID定义的样式会覆盖类名定义的样式。
Q3：如何实现媒体查询，使网站在不同设备上显示不同的样式？
A3：媒体查询是CSS3中的一种功能，可以根据设备的屏幕尺寸、分辨率等特性来应用不同的样式规则，以下代码在屏幕宽度小于600px时应用一组样式，大于等于600px时应用另一组样式：
@media screen and (max-width: 600px) {
/* 适用于小屏幕的样式 */
}
@media screen and (min-width: 600px) {
/* 适用于大屏幕的样式 */
}