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区别及用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。