`
zhangyaochun
  • 浏览: 2611379 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

热门前端面试题之link与import方式的区别

阅读更多

css规范的文档的时候,很多人都会推荐css文件的引入方式尽量采用:<link>标签的方式,而不是@import的方式。

 

今天我们来简单地看看他们的差异到底在哪方面:

 

1、link属于html标签,@import是css提供的一种方式,当前link标签能做的不仅是导入css文件的功能

 

2、dom操作样式的时候控制不了@import

 

3、加载顺序上:@import的导入文件需要在页面全部被加载完成后才进行加载

                         link标签引入的文件在页面加载的时候同时进行载入

 

 

 

 

2
0
分享到:
评论

相关推荐

    前端工程师面试题题及答案全面综合.pdf

    11. link 和 @import 的区别是:link 是 XHTML 标签,@import 是 CSS 提供的,link 会同时被加载,而 @import 引用的 CSS 会等到页面被加载完再加载。 12. HTML5 新特性包括:canvas、video、audio、localStorage、...

    前端面试题汇总

    以下是根据给定文件内容整理出的前端面试题知识点: 1. 浏览器兼容性测试与内核:了解不同浏览器及其内核对于前端开发非常关键,例如Chrome和Safari主要使用WebKit内核,而Firefox使用Gecko内核,IE浏览器则使用...

    前端面试题总结.docx

    3. `&lt;link&gt;`与`@import`的区别: - `&lt;link&gt;`是HTML标签,加载时与HTML文件同时下载,支持浏览器缓存,可实现样式预加载。 - `@import`是CSS语法,CSS文件加载完后才会加载导入的样式,可能导致延迟。 4. `&lt;pre&gt;`...

    2021前端面试题精编.pdf

    `&lt;link&gt;`和`@import`都可以用来导入CSS文件,但`&lt;link&gt;`在页面加载时同步导入,而`@import`是作为CSS规则的一部分,只有在该样式表被加载和解析后才执行,因此`@import`可能会导致页面加载延迟。 `display: none;`...

    前端面试题汇总.pdf

    通过这些知识点的整理,可以看出前端面试题通常要求面试者具备扎实的基础知识、理解页面设计原则、熟悉前端开发工具及标准,并能够解决实际开发过程中遇到的问题。掌握这些知识点对于前端工程师来说至关重要。

    经典web前端面试题

    经典 Web 前端面试题 本文将对经典 Web 前端面试题进行详细的解释和总结,从 HTML 的基本结构到 CSS 的样式规则、选择器和优先级等方面对知识点进行了详细的讲解。 HTML 基本结构 HTML 的基本结构包括 `&lt;html&gt;`、...

    2021年前端面试题汇总.docx

    2021年前端面试题汇总 本资源汇总了前端开发中常见的面试题,涵盖了HTML、CSS、JavaScript、Vue等领域,旨在帮助开发者更好地准备面试。下面是本资源中的一些重要知识点: 一、HTML与CSS基础知识 1. 页面导入样式...

    BAT前端面试题大全

    ### BAT前端面试题知识点详解 #### 一、Doctype作用及模式区分 1. **Doctype的作用**: - Doctype声明通常位于HTML文档的最前面,在`&lt;html&gt;`标签之前,用来告知浏览器的解析器应该用何种文档类型规范来解析此文档...

    2019自己整理的前端工程师面试题题及答案(全面综合).doc

    2019年前端工程师面试题题及答案总结 面向前端开发工程师的面试题总结,涵盖了JavaScript、HTML、CSS等多方面的知识点。 1. 要动态改变层中内容可以使用的方法有(AB ) * innerHTML:用于设置或获取元素的内容 ...

    前端面试题.pdf

    链接外部样式表时,可以使用link标签或@import语句,两者的主要区别在于link可以同时加载,而@import在页面加载完毕后才能加载,且存在兼容性问题。 HTML5历史状态管理API包括pushState、replaceState和popstate...

    web前端面试题

    ### Web前端面试题知识点解析 #### 一、HTML和CSS **1. 你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么?** - **浏览器**: 测试过的浏览器通常包括Chrome、Firefox、Safari、Edge以及IE等。 - **内核*...

    2024前端面试八股文

    ### 2024前端面试八股文精要解析 #### CSS部分 1. **display的block、inline和inline-block的区别** - **block**:此类元素会独占一行,这意味着在同一行上不能存在其他的block元素。block元素可以设置宽度(`...

    2018最新BAT 《前端必考面试》.docx

    3. **link与@import的区别**:`&lt;link&gt;`是HTML标签,用于外部资源的链接,如CSS文件,同时加载。而`@import`是CSS中的导入规则,它会在页面加载完成后加载CSS,且IE5以上才支持。`&lt;link&gt;`的优先级高于`@import`。 4....

    java前端面试题

    ### Java前端面试题详解 #### 一、对HTML5的理解 HTML5不仅仅是一个新的HTML版本,它是前端开发领域的一次重大革新。它包含了多种新技术,例如HTML5本身的增强功能、CSS3、JavaScript的新特性(如ES6)、以及一...

    【吐血整理】阿里前端面试题总结(1)【超全超细带答案!!】

    - link标签用于定义文档与外部资源之间的关系,@import是CSS提供的导入样式表的语法。 2. 浏览器相关知识 - 浏览器是用于显示网页的软件程序,内部通过浏览器内核进行渲染。 - 浏览器内核包括Webkit、Blink、...

    html5css3面试题及答案,前端面试题及答案-CSS篇.docx

    Link 和 @import 的区别 * Link 属于 HTML 标签,而 @import 是 CSS 提供的 * Page 加载时,Link 会同时被加载,而 @import 引用的 CSS 会等到页面加载完再加载 * Import 只在 IE5 以上才能识别,而 Link 是 HTML ...

    大厂阿里字节百度前端校招面试题大全.pdf

    大厂阿里字节百度前端校招面试题大全.pdf 本资源是一个前端校招面试题大全,涵盖了腾讯、字节跳动、百度、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目。以下是从该资源中提取...

Global site tag (gtag.js) - Google Analytics