外部引用CSS

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不支持。

外部引用CSS

上一篇:使用HTMLTestRunner形成的html的测试报告是空的


下一篇:【JS】下拉联动回显问题