跳到主要内容

认识

一、引入方式​

语法

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

特点:

  1. link 是html提供的标签,不仅可以加载css文件,还能定义RSS、rel连接属性等

  2. link 页面打开时, link 引用的css文件被加载

  3. 可以通过 JS 操作 DOM, 插入link标签来改变样式

1.2 @import​

语法

<style type="text/css">
@import url(css 路径);
</style>

特点:

  1. @import是css中的语法规则

  2. @import 引用的css文件等页面加载完后最后加载, 所以有时候浏览@import加载css的页面时会没有样式（就是闪烁）, 网速慢的时候很明显。

  3. 由于DOM方法是基于文档的，无法使用@import的方式插入样式

  4. @import会影响浏览器的并行下载,使得页面在加载时增加额外的延迟，增添了额外的往返耗时

1.3 <style>​