前端开发的面试题（前端常见面试题分析）

前端开发的面试题（前端常见面试题分析）4.DOM可控性区别@import是 CSS2.1 才有的语法，故只可在 IE5 才能识别；link标签作为 HTML 元素，不存在兼容性问题。2.加载顺序区别加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。3.兼容性区别

一、前言

css的四种方式： 内联(元素上的style属性)、内嵌(style标签)、外链(link)、导入(@import)

二、正文

1.从属关系区别

@import是 CSS 提供的语法规则，只有导入样式表的作用；

link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel （描述了当前页面与href所指定文档的关系）连接属性等。

2.加载顺序区别

加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。

3.兼容性区别

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

4.DOM可控性区别

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

三、结尾

每天积累一点点小知识 ~