本文介绍了CSS样式的三种应用方式：内联样式、内部样式表及外部样式表，并详细阐述了它们之间的优先级关系。当同一元素的样式发生冲突时，会遵循内联样式>内部样式表>外部样式表>浏览器缺省设置的原则。
1.内联样式 在html元素内部
<p style="color:yellow;font-size:24px"></p>2.内部样式表 在<head>标签内部
<head>
<style>
p:{color:red;font-size:20px;}
</style>
</head>3.外部样式表 link引入css文件
<head>
<link rel="stylesheet" type="text/css" href="../main.css">
</head>其中main.css的文件在上一级目录，内容如下：
p{
color:green;
font-size:18px;
}
h1{
color:orange;
text-align:center;
}
优先级：内联样式 > 内部样式表 > 外部样式表 > 浏览器缺省设置
多重样式：
如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将根据优先级从更具体的样式表中被继承过来。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
