关于css:CSS-Link与import的区别

28次阅读

共计 276 个字符,预计需要花费 1 分钟才能阅读完成。

区别
1. 从属关系区别
@import 是 CSS 提供的语法规定,只有导入样式表的作用;link 是 HTML 提供的标签,不仅能够加载 CSS 文件,还能够定义 RSS、rel 连贯属性等。

2. 加载程序区别
加载页面时,link 标签引入的 CSS 被同时加载;@import 引入的 CSS 将在页面加载结束后被加载。

3. 兼容性区别
@import 是 CSS2.1 才有的语法,故只可在 IE5+ 能力辨认;link 标签作为 HTML 元素,不存在兼容性问题。

4.DOM 可控性区别
能够通过 JS 操作 DOM,插入 link 标签来扭转款式;因为 DOM 办法是基于文档的,无奈应用 @import 的形式插入款式。

正文完
 0