CSS面试题 @import和<link>引入样式的区别

167 阅读1分钟

CSS面试题 @import<link>引入样式的区别

  1. @import是CSS的语法规则,而<link></link>是HTML标签。所以link不仅可以加载CSS,还可以定义RSS等,而@import只能导入CSS

  2. 加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载

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

  4. 可以通过 JS 操作 DOM ,插入link标签来改变样式;由于DOM方法是基于文档的,无法使用@import的方式插入样式。

本文使用 mdnice 排版