浅谈css和@import区别及用法

浅谈css和@import区别及用法,第1张

浅谈css@import区别及用法

css和@import都是调用外部样式表的方法。



一、用法

(1)link:

<link rel="stylesheet" type="text/css" href="css文件路径"/>

(2)@import:

方法一(html中添加):

<style type="text/css">

@import url(css文件路径);

</style>

方法二(css中添加):

@import url(css文件路径);


二、区别

(1)link是XHTML标签,除了加载CSS外,还可以定义RRS等其他事务。


@import属于CSS范畴,只能加载CSS。


(2)link引用CSS样式,是和页面加载同步进行加载,@import是等页面加载完后才开始加载。


(3)link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。


(4)link支持使用Javascript控制DOM去改变样式;而@import不支持。


以上这篇浅谈css和@import区别及用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/618133.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-15
下一篇 2022-04-15

发表评论

登录后才能评论

评论列表(0条)

保存