CSS ，3种式样的使用 _HTML/CSS

CSS ，3种样式的使用

样式的优先级，由高到低顺序：
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>