<!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>