内联样式
通过内联样式设置此处文本颜色
<div style="color: red">内联样式</div>内部样式
通过内部样式设置文本颜色
<style>
p{
color: yellow;
}
.nb{
color: blue;
}
</style>
<body>
<p>内部样式</p>
<div class="nb">内部样式</div>
</body>外部样式
通过外部样式设置文本颜色
<head>
<!-- <link rel="stylesheet" href="./color.css">//表示被链接的文档是一个样式表文件。 -->
</head>
<body>
<div class="wb">外部样式</div>
</body>问题：当多个样式同时出现，改怎么采用？
同种引入样式代码样式采用就近原则，从上往下执行代码近的先试用
不同顺序为（执行顺序从小到大）：
- 浏览器缺省设置
- 外部样式表
- 内部样式表（位于 <head> 标签内部）
- 内联样式（在 HTML 元素内部）
扫一扫
935
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
