html href属性导⼊外部样式表
1：使⽤<link>标签导⼊
使⽤<link>标签导⼊外部样式表⽂件：
<link href="001.css" rel="stylesheet" type="text/css" />
其中href属性设置外部样式表⽂件的地址，可以⽤相对地址，也可以⽤绝对地址。rel属性定义该标签关联的是样式表标签，type属性定义⽂档的类型，即为CSS⽂本⽂件。
⼀般在定义标签时，应定义3个基本属性，其中href是必须设置属性。具体说明如下：
href：定义样式表⽂件URL。
type：定义导⼊⽂件类型，同style元素⼀样。
rel：⽤于定义⽂档关联，这⾥表⽰关联样式表。
也可以在link元素中添加title属性，设置可选样式表的标题，即当⼀个⽹页⽂档导⼊了多个样式表后，可以通过title属性值选择所要应⽤的样式表⽂件。
另外，title属性与rel属性存在联系，按W3C组织的计划，未来的⽹页⽂档会使⽤多个<link>元素导⼊不同的外部⽂件，如样式表⽂件、脚本⽂件、主题⽂件，甚⾄可以包括个⼈⾃定义的其他补充⽂件。导⼊这么多不同类型、名称各异的⽂件后，可以使⽤title属性进⾏选择，这时rel属性的作⽤就显现出来了，它可以指定⽹页⽂件初始显⽰时应⽤的导⼊⽂件类型，⽬前只能关联CSS样式表类型。
外部样式是CSS应⽤最佳⽅案，⼀个样式表⽂件可以被多个⽹页⽂件引⽤，同时⼀个⽹页⽂件可以导⼊多个样式表，⽅法是重复使⽤link元素导⼊不同的样式表⽂件。
2：使⽤@import导⼊
在<style>标签内使⽤@import关键字导⼊外部样式表⽂件：
<style type="text/css">
@import url("001.css");
</style>
在@import关键字后⾯，利⽤url()函数包含具体的外部样式表⽂件的地址。
提⽰：
两种导⼊样式表的⽅法⽐较：
link属于HTML标签，⽽@import是CSS提供的。
页⾯被加载时，link会同时被加载，⽽@import引⽤的CSS会等到页⾯被加载完再加载。
@import只有在IE5以上才能识别，⽽link是HTML标签，⽆兼容问题。
link⽅式的样式的权重⾼于@import的权重。
因此，⼀般推荐link导⼊样式表的⽅法，@import可以作为补充⽅法使⽤。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。