一、 CSS基础选择器（4个）：
CSS基础选择器的优先级：从作用范围来判断优先级，该怎么判断或者怎么说（可以按自己的理解来）:
上面代码的输出结果是什么
CSS基础选择器： 1.标签选择器
2.类选择器
3.ID选择器
4.在HTML标签的行内用style属性直接写CSS代码（行内属性style）
CSS基础选择器的优先级：行内>ID>类>标签
从作用范围来判断优先级:作用范围越精确，优先级越高
因为标签选择器的作用范围最大，所以刚开始他们三个名字的颜色都是红色，然后在经历了类选择器的作用以后让c2类里面的名字都变成了蓝色，所以小明和小红的名字又变成了蓝色，因为他们两个的名字都在c2类里面，再之后又经历了ID选择器作用之后，让小帅的名字变成了紫色，小红的名字变成了黑色，但最后小红的名字又经历了行内属性style的作用变成了粉色，所以他们三个名字的颜色是 小明蓝色、小红粉色、小帅紫色
1.width设置的是盒子的：
2.盒子的高度是用（）来设置的
3.盒子属性里面的内容对齐用（）来设置
4.
border-（）：设置盒子左边框
（）-（）：盒子的右边框
（）-top：（）
border-bottom：（）
（）：盒子的四边框
5.margin是用来设置盒子的外边距的，那么padding是用来设置盒子的（）
6.盒子尺寸的计算方式是用（）来设置的
7.想要盒子展现出圆形，扇形，半圆该通过 _______：盒子圆角 来设置
8.盒子阴影应该用（）设置
二、1宽度 2.height 3.text -align 4.left border-right border 盒子的左边框 盒子的下边框
border 5.内边距 6.box-sizing 7.border-radius 8.box-shadow
三、
内容居中的三种实现方式：
1.普通文本属性（）和（）line-height
2.使用（）（如果与其他元素的冲突了，可以使用对方的外边距来抵消）
3.使用flex容器，设置 （）和（）
盒子居中的三种实现方式：
1.使用（）外边距实现（只能实现盒子在父元素中的水平居中）
2.使用相对定位position：relative+left:50%组合 transform: translateX(-50%）即可行居中，如果想行和列都居中，就需要水平和垂直都居中，即在前面方法的基础上加个垂直居中top：50%并把 transform: translateX(-50%）改成 transform: _____(-50%，-50%）即可
3.给父元素使用flex容器，设置justify-content和align-items
三、
内容居中：1.普通文本属性text-align和行高属性line-height
2.使用内边距（如果与其他元素的冲突了，可以使用对方的外边距来抵消）
3.使用flex容器，设置 justify-content和align-items
盒子居中：1.使用margin外边距实现（只能实现盒子在父元素中的水平居中）
2.使用相对定位position：relative+left50%组合 transform: translateX(-50%）即可行居中，
如果想行和列都居中，就需要水平和垂直都居中，即在前面方法的基础上加个垂直居中top：50%并把 transform: translateX(-50%）
改成 transform: translate(-50%，-50%）即可
3.给父元素使用flex容器，设置justify-content和align-items
居中
hello
hello
实现水平和垂直排列的几种方式
1
2
3
4
5
1
2
3
4
5
Flex布局
1
2
3
4
Title
Title
汽车
服装
化妆品
运动
数码
家电
