<!DOCTYPE html>
<html>
<head>
<!-- 内部样式 -->
<style>
h1{
color: green;
}
</style>
<!-- 外部样式 -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 行内样式 -->
<h1 style="color: red;">我是标题!!!</h1>
</body>
<!-- css的执行顺序:优先级为就近原则
哪个css离标签最近,就执行哪个css -->
</html>
例如此时的优先级为:行内样式 > 外部样式 > 内部样式