link 与 @import 的区别: link 和 import 的语法结构不同,<link > 是 html 标签, 只能在 HTML 中使用, import 是 CSS 样式, 可以在 HTML 中通过 < style > 标签使用, 或在 CSS 中直接使用.
1,link 语法结构
<link href="CSSurl 路径" rel="stylesheet" type="text/css" />
此标签是引入 CSS 文件 link 标签, 只要设置好路径即可.
2,@import 语法结构
@import + 空格 + url(CSS 文件路径地址);
1), 在 HTML 中
- <style type="text/css">
- @import url(CSS 文件路径地址);
- </style>
2), 在 CSS 中
直接使用
@import url(CSS 文件路径地址);
link 与 @import 区别:
link 和 import 语法结构不同, 前者 < link > 是 HTML 标签, 只能放入 HTML 源代码中使用, 后者可看作为 CSS 样式, 作用是引入 CSS 样式功能.
import 在 HTML 使用时候需要 < style type="text/css"> 标签, 同时可以直接 "@import url(CSS 文件路径地址);" 放如 CSS 文件或 CSS 代码里引入其它 CSS 文件.
本质上两者使用选择区别不大, 但为了软件中编辑布局网页 HTML 代码, 一般使用 link 较多, 也推荐使用 link.
来源: http://www.css88.com/qa/css3/12411.html