<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 1.外部CSS引用 在link那-->
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<style>
/*2.内部css引用，在style里*/
body {background-color: linen;}
</style>
</head>
<body style="background-color: lavender">
1.外部CSS引用 在link那
<br>
2.内部css引用，在style里
<br>
3.内联css引用，在body里
<h1>多种风格层叠为一种</h1>
<p>在这里，页面的背景颜色是用内联 CSS 设置的，也用内部 CSS 设置，也用外部 CSS 设置。</p>
<p>尝试通过删除样式来查看级联样式表是如何工作的（尝试先删除内联 CSS，然后是内部，然后是外部）。</p>
<br>
<br>
<b>工作顺序</b>是 内联有的时候，不去找内部，内部有的时候不去找外部
<br>
<b>优先级</b>：内联>内部>外部
</body>
</html>
