在HTML中加入CSS，可以通过以下几种方式：
1、内联样式（Inline Style）：在HTML元素中使用style属性来添加内联样式。
<p style="color: red; font-size: 20px;">这是一个带有内联样式的段落。</p>
2、内部样式表（Internal Stylesheet）：将CSS代码放在HTML文件的<head>部分，使用<style>标签包裹。
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>这是一个带有内部样式表的段落。</p>
</body>
</html>
3、外部样式表（External Stylesheet）：将CSS代码放在单独的文件中，然后在HTML文件的<head>部分使用<link>标签引用，创建一个名为styles.css的文件，内容如下：
p {
color: red;
font-size: 20px;
}
然后在HTML文件中引用这个样式表：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>这是一个带有外部样式表的段落。</p> </body> </html>
4、嵌入式样式表（Embedded Stylesheet）：将CSS代码放在HTML文件的<style>标签中。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>这是一个带有嵌入式样式表的标题。</h1>
<p>这是一个带有嵌入式样式表的段落。</p>
</body>
</html>
以上就是在HTML中加入CSS的四种方法，通过这些方法，你可以为HTML元素设置颜色、字体、大小等样式，从而改变页面的外观和布局。