CSS样式引入link和@import之间的区别

皓月先森
皓月先森
皓月先森
36
文章
4
评论
2021年2月21日
评论
302 387字

CSS样式引入方法

介绍CSS样式有两种方式,一种是页面中写的link方式,一种是CSS中写的@import方式。

CSS样式引入写法

link写法

<link href="/Style/css/Style.css" type="text/css" rel="stylesheet" />

@import写法

@import url("Style.css");

link和@import区别

link是xHTML标签,除了加载css外,还可以定义rss等其他事务,@import 属于css范凑,只能加载css

link引用css时,在页面载人同时加载,@import需要页面网页完全载入后加载,所以出现一开始css样式,闪烁一下出现样式后的页面速度慢

link是xhtml标签,无兼容问题,@import是css2.1提出的,低版本浏览器不支持

link支持使用js控制dom改变样式,@import不支持

  • 微信打赏
  • 微信扫一扫打赏
  • weinxin
  • 支付宝打赏
  • 支付宝扫一扫打赏
  • weinxin
皓月先森
  • 本文由 发表于 2021年2月21日
  • 转载请务必保留本文链接:https://wwaaz.cn/287.html
站长教学

如何验证SSL证书安装正确

在web服务器上安装SSL证书后,站长必须运行SSL测试以确认设置是否正确。SSL/TLS证书不仅需要安装自签名证书(主证书),还需要安装中间证书(链)。如果这...
站长教学

HTTP状态码常见错误代码

这里收集常见的错误代码。 不常见的我就不写了。 一些常见的状态码为: 200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不...