1. 内联样式
内联样式是直接在HTML标签中使用style属性给元素添加样式。例如，如果要给段落元素添加红色的背景色可以这样写：<p>这是一段带背景色的段落</p>
这种写法虽然简单，但在实际开发中并不常用，因为它会增加HTML代码的复杂度和可读性，而且一些浏览器可能会拒绝解析内联样式，使得页面样式不一致。
2. 嵌入式样式
嵌入式样式是通过<style>标签将CSS样式表写在HTML文件的头部区域，优点是可以对整个HTML文档进行样式控制，方便统一管理样式，例如：<head>
<style>
p {color: red;}
</style>
</head>
<body>
<p>这是一段红色的段落</p>
</body>
嵌入式样式和内联样式一样，也存在一些弊端，如果CSS样式代码过多，会使HTML文件变得冗长，不利于维护和修改。
3. 外部样式
外部样式是将CSS样式代码单独写在一个CSS文件中，然后在HTML head区域使用<link>标签将CSS文件引入。这种方式最为常用，它将HTML文件与CSS样式代码分离，减少了HTML代码的冗杂度，方便开发和维护。
例如，在一个名为style.css的文件中，添加以下样式：p {color: blue;}
然后，在HTML文档中使用<link>标签引入外部样式表：<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>这是一段蓝色的段落</p>
</body>
通过外部样式的引用，大家可以将CSS样式代码统一管理，提高代码的可重用性、可维护性和可读性。