css引用

• 外部样式

  • 在 head标签 内书写

    <link href="" rel="stylesheet" type="text/css" />
    

    • 使用最多，优点:
      • 并行下载资源，不会停止对当前文档的处理
      • 可共享给多个页面使用
      • 先加载CSS，再加载HTML，体验好，避免出现FOUC即浏览器用默认样式显示文档，样式加载后才显示新文档，造成页面闪烁

• (极少用)@import方式

  • 会串行占用线程，停止对当前文档的处理
  • 跟外部样式类似，但是先加载HTML，再加载CSS，体验很差

• 内部样式

  • 在 head标签 内书写

    <style type="text/css">
      内容
    </style>
    

    • 用于给 个别页面 添加 特殊样式

• 行内样式

  • 在 元素标签 内书写

    <div style="font-size:12px;"></div>
    

    • 用于给 某个小地方 添加 特殊样式