CSS可以写在HTML的三个地方：内部样式表、外部样式表和行内样式。
1、内部样式表：在HTML文件的<head>标签中使用<style>标签定义CSS样式，可以针对整个文档或特定页面的元素进行样式定义。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f1f1f1;
}
h1 {
color: blue;
text-align: center;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
2、外部样式表：将CSS代码保存到一个独立的文件中，然后在HTML文件中使用<link>标签将样式表链接到HTML文件中，这样多个页面可以共享同一个样式表。
例如，将CSS样式保存在一个名为style.css的文件中：
body {
background-color: #f1f1f1;
}h1 {
color: blue;
text-align: center;
}
然后在HTML文件的<head>标签中使用<link>标签将样式表链接到HTML文件中：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
3、行内样式：将CSS代码直接写在HTML元素的style属性中。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 style="color:blue;text-align:center;">This is a heading</h1>
<p style="background-color:#f1f1f1;">This is a paragraph.</p>
</body>
</html>
需要注意的是，如果同时存在内部样式表、外部样式表和行内样式，行内样式的优先级最高，其次是内部样式表，最后是外部样式表。