link和@import
外部css导入方式一
<html> <head> <title>css导入</title> <link rel="stylesheet" type="text/css" href="../../xxx.css"> </head> <body> </body> </html>
当浏览器解析到这一句的时候会识别该文档为css文件,会下载并且不会停止对当前文档的处理。
外部css导入方式二
@import
区别:
link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事物;@import属于CSS范畴,只能加载CSS。
link引用CSS时,在页面载入同时加载;@import需要页面网页完全载入以后加载
link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
link支持使用JavaScript控制DOM去改变样式,而@import不支持。