一般情况下,优先级如下
(内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式
源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- 外部样式 -->
<link rel="stylesheet" href="./CSS 样式.css" />
<!-- 内部样式 -->
<style type="text/css">
h2 {
color: green;
}
</style>
</head>
<body>
<h1>显示红色,是外部样式</h1>
<h2>显示绿色,是内部样式</h2>
<!-- 内联样式 -->
<h3 style="color: blue">显示蓝色,是内联样式</h3>
</body>
</html>
h1 {
color: red;
}
/* 外部样式 */
/* 外部样式不能包含任何的 html 标签。外部样式应该以 .css 扩展名进行保存。 */