浅谈css和@import区别及用法
2017-03-23 14:17:18
css
下面小编就为大家带来一篇浅谈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区别及用法就是小编分享给大家的全部内容了，希望能给大家一个参考
