CSS 引入的方式有哪些以及区别 (琐碎知识点整理)

1. CSS 引入的方式有哪些?

1. 外部样式引入方式: link 与 @import 两种方式 。
2. 内联方式: 在 HTML 标签中的 style 属性 中添加 CSS;
3. 嵌入方式: 在 HTML 头部中的 <style> 标签 下书写 CSS 样式代码 。

2. link 与 @import 的区别是 ?

1. link 属于 XHTML 标签, 除了加载 CSS 外, 还能用于定义 RSS, 定义 rel 连接属性等作用; 而 @import 是 CSS 提供的, 只能用于加载 CSS 。
  1. RSS 用于在网站间分享信息 。

  2. 代码示例
      <channel>
        <item>
          <title>RSS 教程</title>
          <link>http://www.runoob.com/rss</link>
          <description>菜鸟教程 Rss 教程</description>
        </item>
      </channel>
      <title> - 定义项目的标题。（比如 RSS 教程）
      <link> - 定义到达项目的超链接。（比如 http://www.runoob.com/rss）
      <description> - 描述此项目（比如 菜鸟教程 Rss 教程）

2. 页面被加载的时, link 会同时被加载; 而 @import 引用的 CSS 会等到页面被加载完后再加载 。
3. link: 内联(链接方式) -- 内嵌; @import : 外链--导入(导入方式) 。
4. Link 支持使用 javascript 改变样式; @import 不可 。
5. @import 是 CSS2.1 提出的, 只在 IE5 以上才能被识别; 而 link 是 XHTML 标签, 无兼容问题 。

如果对你有所帮助，大家喜欢可以点个关注；如有问题还望不吝赐教，本人会及时更改。(如要转载，请注明出处)。