HTML - 你是如何理解link和@import的

 难度级别:初级及以上                                 提问概率:55%


 

link是我们非常熟悉的一个HTML标签,用于引入CSS文件,而@import则存在于CSS文件内部,用于再次引入其他的CSS文件。所以很显然,执行顺序上,link标签会随着HTML文档加载,开始触发下载CSS文件的操作。而@import引入的CSS附属文件,则需要当前宿主CSS文件被下载后、被浏览器解析后、执行到这一行的时候,才能触发附属CSS文件的下载。同时这也是一个很好的优化手段,可以使一些首屏非必要的CSS文件采用@import方式引入。

但需要注意的是,link引入的CSS样式在权重上,要高于@import引入的CSS样式。示例代码如下

HTML代码:

<!DOCTYPE html>
<html>
    <head&

相关推荐

  1. link@import区别

    2024-04-06 04:34:03       12 阅读
  2. 【八股系列】在css中link@import区别什么?

    2024-04-06 04:34:03       11 阅读
  3. 网页中 link @import介绍

    2024-04-06 04:34:03       21 阅读
  4. css中Link@import之间有什么区别?

    2024-04-06 04:34:03       38 阅读
  5. 如何理解HTML网页结构?

    2024-04-06 04:34:03       47 阅读
  6. 什么 RESTful API?谈谈对它理解

    2024-04-06 04:34:03       10 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-06 04:34:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-06 04:34:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-06 04:34:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-06 04:34:03       20 阅读

热门阅读

  1. 迁移Docker镜像存放目录

    2024-04-06 04:34:03       17 阅读
  2. Linux初学(十五)ssh服务

    2024-04-06 04:34:03       17 阅读
  3. matlab 坐标系变换

    2024-04-06 04:34:03       18 阅读
  4. MQ的作用及分类

    2024-04-06 04:34:03       18 阅读
  5. 11 - Debian如何限制sudo权限

    2024-04-06 04:34:03       19 阅读
  6. Docker-compose部署 gitlab-server

    2024-04-06 04:34:03       17 阅读
  7. 【数据结构】利用顺序表实现通讯录

    2024-04-06 04:34:03       22 阅读
  8. Linux常用命令详介

    2024-04-06 04:34:03       15 阅读
  9. 代码的重构

    2024-04-06 04:34:03       12 阅读