页面引入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 @ 2023-05-05 13:41  yangkangkang  阅读(16)  评论(0编辑  收藏  举报