外部引用CSS

link和@import 

外部css导入方式一

<html>
<head>
<title>css导入</title>
<link rel="stylesheet" type="text/css" href="../../xxx.css">
</head>
<body>
</body>
</html>

  当浏览器解析到这一句的时候会识别该文档为css文件,会下载并且不会停止对当前文档的处理。

 

外部css导入方式二

  @import

 

区别:

   link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事物;@import属于CSS范畴,只能加载CSS。
   link引用CSS时,在页面载入同时加载;@import需要页面网页完全载入以后加载
   link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
   link支持使用JavaScript控制DOM去改变样式,而@import不支持。

posted on   zhishiyv  阅读(101)  评论(0编辑  收藏  举报

(评论功能已被禁用)
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端

导航

统计

点击右上角即可分享
微信分享提示