CSS是前端开发中必不可少的一部分，用于控制html元素的样式。这里介绍常见的三种CSS样式表写法：内联样式、内部样式和外部样式。
1. 内联样式表
内联样式表是指在HTML标签中直接嵌入CSS样式，例如：
<p style="color: blue; font-size: 16px;">这是内联样式</p>
内联样式表的优点是方便快捷，可以快速的改变某个特定元素的样式，但是当需要改变多个元素的样式时就会显得很繁琐，不易于维护。
2. 内部样式表
内部样式表是指在html文档中的head标签内部定义CSS，例如：
<head>
<style>
p {
color: blue;
font-size: 16px;
}
</style>
</head>
<body>
这是内部样式
</body>
内部样式表的优点是可以在同一个HTML文档内定义多个元素的样式，在维护和修改上都比内联样式表方便。
3. 外部样式表
外部样式表是指将样式表写在一个独立的CSS文件中，通过HTML文档的link标签进行引用，例如：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
这是外部样式
</body>
上述代码中，link中的href属性指向了mystyle.css，这个文件包含了样式表的定义，样式表的内容如下：
p {
color: blue;
font-size: 16px;
}
外部样式表的优点是可以将样式表与HTML结构分离，便于维护和修改；同时可以将同一个样式表用于多个HTML文档，提高了代码复用性。
总结
本文介绍了CSS的三种样式表写法：内联样式表、内部样式表和外部样式表。内联样式表易于使用但不利于维护和修改，内部样式表为多个元素定义样式提供了方便，外部样式表则将样式表与HTML结构分离，便于维护和修改，同时提高了代码的复用性。选择哪种样式表写法应根据具体情况进行权衡取舍。