CSS（级联样式表）是一种用于描述网页外观和格式的样式表语言，它允许开发者控制HTML元素的样式，包括布局、颜色、字体等，将CSS放入HTML中，可以让网页的样式和内容分离，使得网页结构更加清晰，维护起来也更加方便，以下是几种将CSS放入HTML中的方法。
1、内联样式（Inline Styles）：
内联样式是直接在HTML元素的style属性中编写CSS代码，这种方法适用于单个元素的样式设置，但不建议用于整个网页，因为它会导致代码重复和难以维护。
```html
<p style="color: blue; font-size: 14px;">这是一个带有内联样式的段落。</p>
```
2、内部样式表（Internal Stylesheets）：
内部样式表是在HTML文档的<head>部分使用<style>标签定义的CSS规则，这种方法适用于单个页面的样式设置，因为它不会影响其他页面。
```html
<head>
<style>
p {
color: blue;
font-size: 14px;
}
</style>
</head>
<body>
<p>这是一个带有内部样式表的段落。</p>
</body>
```
3、外部样式表（External Stylesheets）：
外部样式表是将CSS代码保存在一个单独的.css文件中，然后在HTML文档的<head>部分通过<link>标签引入，这是最推荐的方法，因为它可以实现样式的复用和维护。
```css
p {
color: blue;
font-size: 14px;
}
```
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<p>这是一个带有外部样式表的段落。</p>
</body>
```
使用外部样式表时，你可以为多个HTML页面共享同一个CSS文件，这样可以确保整个网站的一致性，当你需要修改样式时，只需在一个地方修改CSS文件即可，而不需要修改每个HTML文件。
4、导入样式表（Import Stylesheets）：
导入样式表是通过@import规则在CSS文件中引入另一个CSS文件，这种方法在早期的CSS版本中比较常见，但由于其加载顺序和优先级的问题，现在已经不推荐使用。
```css
@import "reset.css";
p {
color: blue;
font-size: 14px;
}
```
在HTML文档中，你仍然需要引入main.css文件。
5、使用框架或库：
现代前端框架和库（如Bootstrap、Tailwind CSS等）提供了预定义的CSS样式和组件，你可以将这些样式引入到你的HTML项目中，以快速实现美观的界面。
```html
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<p class="text-blue">这是一个使用Bootstrap样式的段落。</p>
</body>
```
将CSS放入HTML中，可以采用内联样式、内部样式表、外部样式表等方法，为了保持代码的可维护性和复用性，推荐使用外部样式表，还可以利用前端框架和库来快速构建网页，在实际开发中，应根据项目的需求和规模选择合适的方法。