外部样式表分为链接外部样式表和导入外部样式表
链接样式表:<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所控制的。
<link>是xhtml的一种标签,而@import完全是css提供的一种方式