1.内联样式
内联样式是直接将CSS样式写在HTML标签的style属性中。这种方式最直观，可以在一个具体的元素上定义样式，但是当样式需要在多个元素中共享时，就会显得冗余。
示例：
<p style="color: red; font-size: 16px;">这是一个内联样式的段落</p>
2.内部样式表
内部样式表使用<style>标签将CSS样式直接写在HTML文件的<head>中。该方式适用于整个HTML文件内部的多个元素共用样式，避免了重复代码。
示例：
<style>
p {
color: red;
font-size: 16px;
}
</style>
3.外部样式表
外部样式表是将CSS样式写在一个独立的CSS文件中，然后在HTML文件中通过<link>标签引入。这种方式最常用，适用于多个HTML文件共用同一套样式。
示例：
CSS文件（style.css）：
p {
color: red;
font-size: 16px;
}
HTML文件：
<link rel="stylesheet" href="style.css">
4.行内样式
行内样式通过使用<style>标签配合<style>元素的内联样式属性来实现。这种方式适用于对特定的段落或者特定部分应用样式。
示例：
<p style="color: red; font-size: 16px;">这是一个行内样式的段落</p>
<style>
p {
color: blue;
font-size: 18px;
}
</style>
<p>这是一个内嵌样式的段落</p>
以上介绍了CSS的四种书写方式，根据具体的需求和场景选择合适的方式来编写样式。内联样式、内部样式表和行内样式的优点在于可以在HTML文件中直接定义样式，方便且灵活；而外部样式表的优势是可以在多个HTML文件中共享样式，避免了重复编写相同的样式代码。
对于网站开发和维护来说，推荐使用外部样式表的方式。这样可以将样式代码和HTML代码分离，提高代码的可读性和可维护性，并且便于统一管理和修改样式。同时，在外部样式表中可以根据需要定义不同的样式类和选择器，方便实现样式复用和维护。
CSS的书写方式对于网页的呈现和用户体验起着重要的作用，合理使用CSS可以提高网页加载速度，使页面布局更加灵活和美观，对SEO优化也有一定的帮助。因此，在实际开发中，我们应该根据具体需求，选择合适的CSS书写方式，并遵循一定的代码规范和最佳实践，提高开发效率和代码质量。