一、用 标签引入
<link rel="stylesheet" href="a.css" />
二、在css里面引用另一个文件
<style> @import url('a.css');
style>
三、二者之间的差别
1)Link 采用 HTML 标签将 CSS 关联,而 import 可以在一个 CSS 文件中引入其它的 CSS 文件
2)兼容性的差别。IE6 以下不支持@import
3)加载顺序的差别 import加载的css文件最后加载。
4)JS 控制 DOM 样式时的差别(link 支持使用 Javascript 控制 DOM 去改变样式;而@import 不支持)
5)@import 在 IE 中会导致文件下载次序被更改,例如放置在@import 后面的 script 文件会在 CSS 之前被下载执行,若此时脚本里 getElementsByClassName 时则出错。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/208943.html原文链接:https://javaforall.net
