css样式表的三种样式
发布时间:2023-05-30 10:13:00
发布人:zyh
CSS 样式表有三种类型：内部样式表、外部样式表和内联样式表。
1. 内部样式表
内部样式表位于`head`标签内部，使用`style`标签来定义样式，多用于针对单个页面的样式设置。例如：
<head>
<title>内部样式表</title>
<style>
h1 {
color: red;
text-align: center;
font-size: 30px;
}
</style>
</head>
上面的HTML代码中，在head标签中使用了内部样式表，针对所有的h1标签设置了字体颜色为红色，居中对齐，字体大小为30px。
2. 外部样式表
外部样式表是在一个单独的文件中定义的，可以应用于多个HTML页面。这种方式只需要在HTML文件中链接外部样式表文件即可。例如：
<head>
<title>外部样式表</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
上面的HTML代码包含了一个外部样式表文件"styles.css"。这个文件包含了样式定义，可以应用于多个HTML页面。
3. 内联样式表
内联样式表直接应用于HTML标签的style属性中，可以针对指定的标签设置样式。例如：
<h1 style="color:red; text-align:center; font-size:30px;">内联样式表</h1>
上面的HTML代码中，每一位样式都直接应用在h1标签的style属性中，而不是通过内部样式表或外部样式表定义。
