首页 > 其他分享 >前端学习笔记

前端学习笔记

时间:2023-02-28 09:57:09浏览次数:34  
标签:浏览器 前端 笔记 学习 link import 页面 css 加载

 

<link rel="stylesheet" type="text/css" href="css文件路径"/>

<style type="text/css">

  @import url("css文件路径")

</style>

 

 link 和@import都能导入 css,他们有什么区别?

# 答:

  1. link属于 XHTML标签,而 @import 完全是 css提供的一种方式。
  2. 加载顺序的区别: 当一个页面被加载的时候(就是被浏览器浏览的时候), link引用的css会同时加载,而@import引用的css会等到页面全部被下载完成后在被加载。所以有时候浏览@import加载css的页面是开始会没有央视(就是闪烁), 网速慢的时候也挺明显。
  3. 兼容性的差别: @import是 css2.1提出的,所以老的浏览器不支持, @import只有在IE5以上才能识别,而link标签无此问题

标签:浏览器,前端,笔记,学习,link,import,页面,css,加载
From: https://www.cnblogs.com/jizg/p/17162871.html

相关文章

  • React课堂笔记
    一、概要 React是用于构建用户界面的MVVM框架。React拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。认为它可能是将来Web开发的主流工具之一。官网:h......
  • 前端数据流文件下载
    当前端收到后端传过来的数据流时,前端文件下载方法:leturl=window.URL.createObjectURL(newBlob([res.body]));letlink=document.createElement('a');link.style.......
  • JavaFX 学习记录
    使用JavaFX时一些奇怪的问题继承自Application类的构造函数会被执行两次先看代码://FXTestMain.javaimportjavafx.application.Application;importjavafx.stage......
  • 立直麻将笔记
    笔记学习思路:恶手先改,微差粗读。牌效手役七对8巡七对一向听到和牌的概率为11%,拓展到对对可能是比较好的选择。dora役牌役牌dora对子要做好碰不到的准备来做牌,可以......
  • React学习笔记(二)—— JSX、组件与生命周期
    一、JSX1.1、什么是JSX?JSX=JavaScriptXML,这是React官方发明的一种JS语法(糖)概念:JSX是JavaScriptXML(HTML)的缩写,表示在JS代码中书写HTML结构设想如下变量声明:......
  • 百度前端一面高频vue面试题汇总
    什么是递归组件?举个例子说明下?分析递归组件我们用的比较少,但是在Tree、Menu这类组件中会被用到。体验组件通过组件名称引用它自己,这种情况就是递归组件<template><......
  • 2023前端vue面试题及答案
    Vue3.0为什么要用proxy?在Vue2中,0bject.defineProperty会改变原始数据,而Proxy是创建对象的虚拟表示,并提供set、get和deleteProperty等处理器,这些处理器可在访......
  • 2023: day1前端晚上学习笔记
     2023.02.27一.webpack默认webpack打包的时候只会处理JS之间的依赖关系!!!css-loader(css-loader会处理import/require()@import/url引入的内容。)style-loader(将模......
  • javaSE学习二
    使用Scanner实现用户交互   注意点:使用next方法时一定读取到有效字符后才能结束输入,有效字符前的空白自动去除,有效字符后的空白为结束符,next不能得到有空格的字符串......
  • 听说大家很感兴趣玮子的学习心得,采访来了
    哪有那么多人生开挂,不过都是厚积薄发——哲理熊上次玮子投稿以后,大家都很好奇,为什么他可以坚持在朋友圈打卡几百天,想技术问题那么有深度,今天就随熊哥走进科学,揭秘玮......