1.3 CSS 创建

• 外部样式表
• 内部样式表
• 内联样式表
• 多重样式优先级

外部样式表

• 链接外部 css 文件；

<link rel="stylesheet" href="mystyle.css">

内部样式表

• head 处创建的样式表；

p {
    color:red;
    text-align:center;
}

内联样式表

• 元素内部 style 属性设置的样式表；

<p style="color: red">test-p</p>

多重样式优先级

• 内联 > 内部 > 外部 > 浏览器默认
• 相同样式属性，有重复时，按上述优先级选择，不重复的直接使用；

p {
    color:red;
    text-align:center;
}

<p style="color: green">test-p</p>

// 此时，上述的 p，拥有 text-align:center;color: green;