浅谈css和@import区别及用法

前端  /  管理员 发布于 7年前   326

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