CSS样式表有哪几种使用 |css盒子与盒子的距离

css样式 root，css设置宽度填满，奥乐芬和css，css 改组件样式global，css怎么给课表加颜色，html5城市列表 css，css盒子与盒子的距离 CSS样式表有哪几种使用 |css盒子与盒子的距离

1. 内联样式表

<p>这是一段红色字体大小为16px的文本</p>

在HTML标签内直接定义样式，但不建议使用这种方法，因为修改样式需要修改HTML代码。

2. 嵌入式样式表

<head><style>p {
color: green;
font-size: 14px;
}
</style></head><body><p>这是一段绿色字体大小为14px的文本</p></body>

在HTML文件头部使用<style>标签定义样式，适用于局部修改样式。

3. 外部样式表

index.html
<head><link rel="stylesheet" type="text/css" href="style.css"></head><body><p class="green-text">这是一段绿色字体的文本</p></body>style.css
.green-text {
color: green;
font-size: 14px;
}

在HTML文件头部使用<link>标签引入外部样式表文件，在样式表文件中定义样式，适用于整站的样式统一管理。