20221208

# 个人收获；

## css    

懂得了css的作用，

### 基本选择器

基本选择器中，id选择器>类选择器>元素选择器>大于通用选择器

### 组合选择器

后代选择器>分组选择器：div里span可以被后代选择器识别到，p里边的div不可以被识别，p里边的行内标签可以被识别，没有影响。

后续选择器>相邻兄弟选择器

### 属性选择器

属性选择器可以设置属性名，可以设置[属性名=“属性值”]，还可以设置表单样式；

### 定位

position:定位标签

​        static:静态定位；relative:相对定位：fixed:固定定位：absolute：绝对定位；sticky：粘性元素；

#### static:

不守任何方向元素干扰，始终根据页面正常流；

relative：

不会对其内容进行调整来适应元素留下来的空间

fixed：

以窗口右上角为跟固定在视口上跟随页面的移动移动

absolute：

相对于最近一父级定位，没有父级就根据窗口定位，跟随窗口的滚动滚动

sticky：

在相对定位与固定定位之间摆动，如果开始被设置相对定位，那么当视口被移到给定的定位地点后就会跟着视口移动，“粘贴”在位置上。如果父级被设置了绝对定位，那么元素则只会跟随到绝对定位的底部就不会跟随；

### 重叠元素

​        z-index：；可以规定重叠元素的堆积顺序，可以设置正在上或负在上。

个人感悟：

​        搞清楚了css选择器之间的关系，理清楚了改如何去更好的拿取元素，学会了定位属性，能帮助日后的页面效果更加完整的实现，学会了层叠元素，可让元素在堆积的时候不在去调成页面代码顺序，不会在手忙搅乱