用法：
<!DOCTYPE html>
<html lang="en">
<head><!-- 用法1-->
<link rel="stylesheet" rev="css/style-HOME.css" href="myCss.css" type="text/css" ><!-- 用法2-->
<style type="text/css" >
@import url("css/style-HOME.css");
</style>
</head>
</html>
1、link语法结构
<link href="css/style-HOME.css" rel="stylesheet" type="text/css" media="all" />
<link>是html的标签，只能在html源代码中使用，不仅可以加载CSS文件，还可以连接其它属性。
2、@import语法结构
@import url("css/style-HOME.css");
在@import关键字后面，利用url()函数包含具体的外部样式表文件的地址。
两种导入样式表的方法比较：
link属于HTML标签，而@import是CSS提供的。
页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载。
@import是CSS的语法，只能在IE5以上才能被识别；在html源代码中使用时，需要<style type="text/css">标签；也可以直接在CSS文件或CSS代码里面引入其它CSS文件。而link是HTML标签，无兼容问题。
link方式的样式权重高于@import的权重。
扫一扫
1662
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
