1. 内联样式表 <html> <head> <title>内联样式表示例</title> </head> <body> <p>这是红色字体</p> </body> </html>
内联样式表适用于修改单个元素的样式。使用style属性可以直接将CSS规则应用到元素中。
2. 嵌入式样式表
<html>
<head>
<title>嵌入式样式表示例</title>
<style>
p {
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<p>这是蓝色粗体字体</p>
</body>
</html>嵌入式样式表是定义在<style></style>标签内的CSS样式表。适用于修改整个文档的样式。由于CSS规则定义在<head></head>标签中，因此可以在整个文档中使用。
3. 外部样式表
样式表文件style.css内容：
p {
color: green;
font-size: 16px;
}
网页文件index.html内容：
<html>
<head>
<title>外部样式表示例</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是绿色16像素字体</p>
</body>
</html>外部样式表是一个独立的.css文件，适用于整个网站的样式表。使用<link>标签将样式表文件链接到HTML文档中。
4. 浏览器默认样式表 在CSS还未普及的时候，浏览器通过默认CSS样式表渲染网页。直到现在，浏览器仍然有自己的默认样式表。因此，如果没有使用CSS样式表，大家仍然可以看到网页的基本样式。
以上就是关于四种常见的CSS样式表的介绍。选择合适的样式表，可以方便地控制网页外观和布局。