CSS（层叠样式表）是一种用于描述HTML文档外观和格式的样式表语言，通过将CSS写入HTML，可以有效地实现网页的样式控制，使网页设计更加灵活、美观，本文将详细介绍如何将CSS写入HTML，并提供一些常见问题的解答。
在HTML中，有三种主要的方法将CSS写入：内联样式（Inline Styles）、内部样式表（Internal Stylesheets）和外部样式表（External Stylesheets）。
1、内联样式（Inline Styles）
内联样式是将CSS直接写在HTML元素的style属性中，这种方法适用于单个元素的样式控制，但不建议在大型项目中使用，因为它会增加HTML文件的体积，降低代码的可维护性。
示例：
<p style="color: blue; font-size: 14px;">这是一个带有内联样式的段落。</p>
2、内部样式表（Internal Stylesheets）
内部样式表是将CSS代码放在HTML文档的<head>部分的<style>标签内，这种方法适用于整个页面的样式控制，可以避免重复编写相同的样式规则。
示例：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一个带有内部样式表的段落。</p>
</body>
</html>
3、外部样式表（External Stylesheets）
外部样式表是将CSS代码写在一个单独的.css文件中，并通过HTML的<link>标签引入到HTML文档中，这是最推荐的方法，因为它可以实现样式与内容的分离，便于维护和重用。
创建一个CSS文件（styles.css）：
/* styles.css */
p {
color: green;
font-size: 18px;
}
在HTML文档中引入这个CSS文件：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>这是一个带有外部样式表的段落。</p> </body> </html>
常见问题与解答：
Q1: 如何在HTML中设置多个样式表？
A1: 可以通过在<head>部分的<link>标签中添加多个href属性来引入多个外部样式表。
<head> <link rel="stylesheet" href="styles1.css"> <link rel="stylesheet" href="styles2.css"> </head>
Q2: CSS的优先级是如何确定的？
A2: CSS的优先级是根据选择器的特异性（Specificity）来确定的，内联样式具有最高的优先级，其次是ID选择器，然后是类选择器、属性选择器和元素选择器，如果有多个相同优先级的样式规则，最后出现的规则将生效。
Q3: 如何在CSS中实现媒体查询？
A3: 媒体查询（Media Queries）允许根据不同的设备特性（如屏幕宽度、分辨率等）应用不同的样式规则，在CSS中，使用@media关键字来定义媒体查询。
@media screen and (max-width: 768px) {
body {
background-color: lightblue;
}
}
上述代码表示，当屏幕宽度小于或等于768像素时，将背景颜色设置为浅蓝色。