页面引入css样式时,使用link和@import有什么区别

css文件引入的方式有两种:

1.HTML中使用link标签

<link rel="stylesheet" href="style.css/>

2. css中使用@import

@import "style.css" /*使用字符创*/

@import url("style.css") /*使用url 地址*/

link和@import区别

  • link属于HTML标签,除了加载css外,还可以做很多其的他事,比如定义RSS。而@import属于css范畴,只能加载css
  • link无兼容问题;而@import 是在css2.1提出的,要在ie5以上才支持
  • link引入的css时,在页面载入时同时加载;而@import需要网页完全加载以后加载
  • link 支持使用javascript控制DOM去改变样式;而@import 不支持

 

posted @   yangkangkang  阅读(23)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示