CSS的三种引入方式以及优先级
下面我将分享一个小案例来实现CSS的三种引入方式与优先级的比较:
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="2.css">
<style>
p{
color:green;
}
</style>
</head>
<body>
<h3>前端</h3>
<p style="color:red">HTML</p>
<p>CSS</p>
<p>Javascript</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
上述代码中涉及知识点注释总结:
CSS常见的三种引入方式:内联样式:在标签后加style 如<p style="color:red">HTML</p>，内部样式:在<head>标签内写入 如:<style>
p{
color:green;
}
</style>,外部样式:引入外部.css文件,如<link rel="stylesheet" href="2.css">优先级:从上述代码中可以看出优先级为 : 内联样式 > 内部样式 > 外部样式