[Web 前端] 006 css 三种页面引入的方法

1. 外链式

用法

• step 1: 在 html 文档的 head 头部分写入下方这句话

<link rel="stylesheet" href="./xxx.css">

• setp 2: 在当前目录下新建一个 xxx.css
• step 3: 在 xxx.css 中写相应的程序代码

2. 嵌入式

用法

• 在 html 文档的 head 头部分使用 <style> 标签
• 比如

<style>
    div{
        width:200px;
        height:200px;
        background-color:yellow;
    }
</style>

3. 内联式

用法

• 在html 文档的 body 体中使用 <div> 标签

• 比如

<div style="width:200px;height:200px;background-color:green;"></div>

4. 三种方法的比较

• 实际应用中，外链式较多
• 同时存在两种或两种以上的方式时
  • 自顶向下，后加载的覆盖先加载的
  • 一般地，离元素越近，优先级越高