css和@import区别用法
程序员文章站
2022-03-20 16:06:08
...
css和@import都是调用外部样式表的方法。
一、用法
(1)link:
(2)@import:
方法一(html中添加):
@import url(css文件路径);
方法二(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不支持。
推荐阅读
-
Vue中的作用域CSS和CSS模块的区别
-
Python Pandas DataFrame:查询数据or选择数据(selection)之loc,iloc,at,iat,ix的用法和区别
-
Python import用法以及与from...import的区别
-
SQL中distinct 和 row_number() over() 的区别及用法
-
css3类选择器之结合元素选择器和多类选择器用法
-
Vue中对比scoped css和css module的区别
-
link和@import的区别
-
CSS3中:nth-child和:nth-of-type的区别深入理解
-
css——行内元素和块级元素的具体区别与行内块元素
-
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法