- 内联方式：
<div style="color:red"></div> - 嵌入方式：
<style>div{ color: green}</style> - 链接方式：
<head><link rel="stylesheet" type="text/css" href="a.css"></head> - 导入方式：
<style>@import url(b.css)</style>
**优先级：**内联>嵌入
当通过link引入样式表，写在后面的会覆盖前面的样式；
当同时使用link和@import，@import会覆盖link（文档自上而下解析？）
<head>
<link rel="stylesheet" href="a.css">
</head>
<style>
@import url(b.css);
</style>
链接方式和导入方式的比较
- link 属于 HTML，通过link标签中的 href 属性来引入外部文件;@import 属于 CSS，所以导入语句应写在 CSS 中。导入语句应写在样式表的开头，否则无法正确导入外部文件！
- 兼容性：link都可兼容，@import是CSS2.1才出现
- 加载方式：link引入的文件可以与HTML文件同时加载；@import引入的文件要等页面加载完成之后才加载。
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
