CSS相关

一，样式表优先级

行内 > 内部 = 外部

二，选择器优先级

!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配选择器 > 继承样式

三，盒子模型

1，padding

2，border

3，margin

4，布局技巧

5，内容溢出滚动条

6，元素显示模式

常用的标签的显示模式

更改元素的显示模式：display属性

7，隐藏元素的方式

四，浮动

五，定位

1，相对定位

相对自己原来的位置，没有脱离文档流。

浮动不能超出父元素宽度，定位可以。

开启定位比普通层级要高，会覆盖普通层级元素。

position:relative

需要配合top、right、bottom、left使用

right和left不能同时使用，同时使用left生效；同理top生效。

2，绝对定位

脱离文档流，与浮动共存时，绝对定位生效。

当行内元素被绝对定位的时候，就可以设置宽高，但是相对定位还是不可以设置宽高。

position: absolute

3，固定定位

脱离文档流，参考点是整个视窗。

与绝对定位的不同之处还有，当网页滚动时，固定定位的元素一直显示，如网页广告。

脱离文档流，与浮动共存时，固定定位生效。

当行内元素被固定定位的时候，就可以设置宽高。

position: fixed

4，粘性定位

position:sticky

5，定位层级问题

六，flex布局