css引入样式方法有三种:
- Link:
<link href="001.css" rel="stylesheet" type="text/css" />
- import:
@import url("001.css");
- 内部导入:内联style
link与@import区别
- link 属于 HTML 标签,而 @import 是 CSS 提供的。
- 页面被加载时,link 会同时被加载,而 @import引用的 CSS 会等到页面被加载完再加载。
- @import 只在 IE 5 以上才能识别,而 link 是 HTML标签,无兼容问题。
- link 方式的样式的权重高于 @import 权重。
- link支持使用Javascript控制DOM去改变样式;而@import不支持。
所以一般推荐使用 link 导入css样式的方法