css样式表

外部样式表分为链接外部样式表和导入外部样式表

链接样式表：<link href="css文件所在地址" rel="stylesheet" type="text/css"/>

导入外部样式表：<style>@import url(""); </style>

两种外部样式表的区别：

1、使用@import样式表时，在html文件初始化时会被导入到html文件中，作为文件的一部分，类似内嵌式样式表

链接样式表是在html标签需要样式时才以链接的方式导入

2、加载顺序不同

当一个页面被加载时，使用link标签引用过的css会同时被加载；使用@import引用的css会等页面全部加载完才被加载，所以有时浏览@import引用css的页面时开始没有样式，网速慢的时候更明显。

3、兼容性的差别

@import是css2.1提出的使用方式，因此一些老的浏览器不支持，比如IE4一下的浏览器。

4、使用DOM控制页面样式的区别

当页面使用javascript控制DOM改变页面样式时，使用link标签支持，而@import并不是DOM所控制的。