css_0_入门篇_样式表（css的引入）

行内样式

• 结构：名：值；
• 举例：

    <h1 style="color: blue;">
        这是一个行内样式
    </h1>

• 注意：只能设定所在标签样式，用的很少。

内部样式

• 结构：把style单独拎出来写
• 举例：

    <style>
        h1{
            color: #b75b5b;
            font-size: 30px;
        }
    </style>

• 注意：style通常放在< head >标签里

---

外部样式

---

• 结构： < link rel=“stylesheet” href=“./xxx.css”>
• 举例：
  先单独建一个后缀名.css的文件
  
  再在html文件里面引用

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

• 注意：link要写在< head>标签里，这种方法用的多。

总结

1.优先级
行内样式>内部样式=外部样式

2.运用上
外部样式>内部样式>>行内样式

• 行内样式
  仅影响一个元素

• 内部样式
  把css放在< style>标签里

• 外部样式
  在html中使用< link>标签引用

3.后来者居上
高级的覆盖低级的，后写的覆盖前写的。