在前端开发中，CSS是样式的灵魂，而CSS样式又有几种类型。常见的CSS样式有以下几种：
1.内联样式
在HTML标签的style属性内设置CSS样式即为内联样式，这种样式只会对当前元素起作用。例如：
<p style="color:red;">测试</p>这样就可以将文字颜色设置为红色。 2.内部样式表 在HTML文档的<head>标签内使用<style>标签书写CSS样式，并设置标签的type属性为"text/css"，这种样式表只作用于当前HTML文档内的元素。例如：
<head>
<style type="text/css">
p {color:red;}
</style>
</head>
<body>
<p>测试</p>
</body>3.外部样式表
将CSS样式写在外部文件中，然后在HTML文档内通过<link>标签引入，这种样式表作用于整个站点或多个文档。例如：
CSS文件style.css：p {color:red;}HTML文件：<head> <link rel="stylesheet" href="./style.css"> </head> <body> <p>测试</p> </body>4.嵌套样式 在样式表中可以嵌套多个选择器，这种样式表作用于匹配所有选择器的元素。例如：
<style type="text/css">
div p {
color:red;
}
</style>
<div>
<p>测试</p>
</div>总之，不管哪种CSS样式，都有自己的特点和应用场景，开发者应该根据实际情况选择合适的方式来为网站添加样式。