<aside> 💡 CSS的样式引入的方式，几种基础的选择器，以及高级的选择器介绍

</aside>

重点部分

• CSS 概述
• CSS 和 HTML 结合的三种方式：行内样式表、内嵌样式表、外部样式表
• CSS 四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器
• CSS 几种扩展选择器：后代选择器、交集选择器、并集选择器
• CSS 样式优先级

CSS语法

语法格式：

选择器{ 属性名: 属性值; 属性名: 属性值; }

或者

选择器 {
    k: v;
    k: v;
    k: v;
    k: v;
}
选择器 {
    k: v;
    k: v;
    k: v;
    k: v;
}

• 选择器代表页面上的某类元素，选择器后一定是大括号。
• 属性名后必须用冒号隔开，属性值后用分号（最后一个属性可以不用分号，但最好还是加上分号）。
• 冒号和属性值之间可以留一个空格（编程习惯的经验）。
• 如果一个属性有多个值的话，那么多个值用空格

CSS 的书写方式

1. 行内样式：在某个特定的标签里采用 style 属性。范围只针对此标签。