CSS的四种引入方式

方法一：内联样式（行内样式）

就是把CSS样式直接写在HTML标签中

缺点：样式与结构冗余

优点：优先级较高

方法二 ：内部样式表

就是将样式写在head中的style标签中

缺点：样式的复用率低

优点：样式与结构分离

注意：style标签的type属性可以不用写，默认type="text/css"

方法三：外部样式表

将样式表表写在外部的css文件中，通过link标签引入

优点：样式与结构分离，样式的复用率高，定义好的css文件可以用在多个页面中

方法四：@import url()

@import引入方式会先加载html，再加载css，当网络环境较差时，会出现页面效果差的现象，所以不推荐使用该方法

<style>
    /*要写在style标签的最前⾯，否则不会⽣效 或者直接在外部css⽂件中直接使⽤*/
    @import url('./style.css');
</style>