第三天（1-3节）
1.多类名选组器 .
样式显示效果跟HTML元素中的类名先后顺序没有关系，受CSS样式书写的上下顺序有关。
各个类名中间用空格隔开。
类名选择器的理解：可理解为当前标签的名字

2.id选择器 #
id选择器，全页面是独一无二，虽然多个使用浏览器不报错，约定不能多个标签同时使用相同的id（W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。）
id选择器和类名选择器不同之处在于使用次数
3.通配符选择器 * 表示选择所有元素

• （电脑搜索 可搜索*选择所有 可以使用aaa？ 搜索aaa开头的内容）
  4.字体相关样式
  font-size (字体大小 推荐使用px）

font-family可以指定多个字体，中间以都好隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体，代如果所有的没有，使用系统默认的字体，一般使用系统默认字体，无需设置。
常用技巧：
1.现在网页中普遍使用14px+
2.尽量使用偶数数字的字号
3.字体间使用逗号隔开
4.中文字体加英文引号，英文字体一般不加引号
5.包好特殊符号时，需加引号例如：font-family:”Times New Roman”
6.尽量使用默认字体
CSS Unicode字体
font-family: “\5FAE\8F6F\96C5\9ED1”，表示设置字体为“微软雅黑”。

font-weight（字体粗细）其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）
bold 相当于number700 normal 400 建议使用数字 数字解析更快
font-style （字体风格） normal|italic 表示强调

A.体连写
font：font-style font-weight font-size/line-height font-family
复合属性注意两个点：1.有顺序 2.font-size和font-family不能省略
h1{font:700 18px ‘仿宋’}
B.字体颜色
(1)英语定义颜色 (2)十六进制定义颜色 (3)RGB
十六进制：0 1 2 3 4 5 6 7 8 9 A(10) B(11) C(12) D(13) E(14) F(15)
ff0000/f00(红色）00ff00/0f0(绿色） 0000ff/00f(蓝色）
RGB(red green blue)：
红色rgb(255,0,0)/rgb(100%,0%,0%)
注意：如果rgb取值为百分比，取值为0也不能省略百分号，必须写为0%。
C.line-height (可使用快捷键打出 lh按下回车键或者tab键)
一般情况下 行距比字号大7.8px就可以了
D.text-align (文本内容水平对齐方式) 快捷方式（tac text align center）
left right center
E.text-indent 首行缩进（快捷键：ti）
p{text-indent:2em;} 1em就是一个字的距离

5.文本格式化标签样式
text-decoration(装饰) none|underline|line-through

6.后代选择器和子代选择器
后代选择器使用空格隔开 表示选择后代的所有元素 比如 div p {}
子代选择器使用>分隔开 表示选择直接子级，选择亲儿子
7.交集选择器 中间不需要任何符号 并集选择器(用逗号隔开）

并集选择器 div,p,span
8.链接伪类
9.快捷键使用
Vscode使用alt+鼠标移动 可以选择10个div的中间填充值

input比较特殊，使用input:text 生成type属性
h300 enter键 表示高度300px
10.标签的显示模式 display

行内元素或者行内块级元素，可以当作文本来看
行高等于盒子的高度，可以让单行文本垂直居中