- 浏览器缺省设置
- 外部样式表
- 内部样式表（位于 <head> 标签内部）
- 内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
内联：
<html> <head> <title>例子</title>
</head>
<body style="background-color: #FF0000;"> <p>这个页面是红色的</p>
</body></html>
内部样式：
<head> //位于head内
<style type="text/css">
body {background-color: #FF0000;}</style>
</head>
外部样式：
<head> //位于head内
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>