CSS的引入方式

我们来看一下引入css样式的方法有哪些。

1.内联样式(行内样式)

<div style="color:red">设置文字的颜色为红色</div>

 优先级较高，但是代码冗余，也不利于寻找修改，不方便后期维护

2.内部样式表

<style type="text/css">    
  p{        
    color:red;        
    background-color:yellow;    
  }
</style>

样式和结构分离，方便寻找观看和修改，但是复用率低

3.外部样式表

<link rel="stylesheet" type="text/css" href="文件的路径"/>

这个是最好的选择，在外写样式，在html中引入，支持多个html页面的使用，复用率高

理论上，他们的优先级是：行内样式>内部样式/外部引入

实际上，遵循就近原则，哪种引入方式离的近，哪种优先级高