样式的优先级，由高到低顺序：
1、内联样式（在 HTML 元素内部）
2、内部样式表（位于 <head> 标签内部）
3、外部样式表
4、浏览器缺省设置
?
引入外部样式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
?
内部样式表
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
?
内联样式
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
?
