css中link和@import的比较

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

注意: link 元素是空元素(单标签),它仅包含属性。

注意: 此元素只能存在于 head 部分,不过它可出现任何次数。

注意:根据 W3C 标准,<link .... ... />构成完整的一个 link 标签。

两者区别:

区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:link支持使用Javascript控制DOM去改变样式;而@import不支持。
posted @ 2023-03-13 18:53  122www  阅读(14)  评论(0编辑  收藏  举报