47 lines
1014 B
Plaintext
47 lines
1014 B
Plaintext
1：盒子模型属性
|
||
|
||
外边距 margin
|
||
|
||
内边距 padding
|
||
|
||
border 边框
|
||
|
||
content 内容
|
||
|
||
盒子模型真实宽高 = （width + height）+ 内边距 + 边框
|
||
|
||
box-sizing: border-box; 去除盒子模型的计算规则，向内塌陷！！
|
||
|
||
2：定位
|
||
|
||
相对定位 relative
|
||
|
||
1: 当一个元素被设置 相对定位 后，它原本位置没有被删除
|
||
2：元素会被浮动
|
||
3: 定位参考对象是他自己的原本位置
|
||
|
||
绝对定位 absolute
|
||
|
||
1：当一个元素被设置 绝对定位 后，它原本位置被删除，其他元素将会占据它的位置
|
||
2：元素会被浮动
|
||
3：定位参考对象：
|
||
1：如果有父元素，父元素如果没有设置定位，那么参考浏览器边框定位定位
|
||
2：如果有父元素，父元素设置定位，那么参考父元素进行定位
|
||
|
||
固定定位 fixed
|
||
|
||
1： 当一个元素被设置 相对定位 后，它原本位置被删除
|
||
2：元素会被浮动
|
||
3：定位参考对象是浏览器边框
|
||
|
||
流布局
|
||
|
||
|
||
nth-child
|
||
|
||
响应式：
|
||
|
||
|
||
|
||
1：flex
|