块

宽高

width:宽度默认100%
height:默认被内容撑起的高度

min-width ： 最小宽度
max-width : 最大宽度

min-height : 最小高度
max-height : 最大高度

line-height ： 行高，每行的高度

溢出处理 overflow

visible : 默认值，溢出显示
hidden : 溢出隐藏
auto : 溢出时有滚动条，没溢出时没有滚动条

边距 :颜色、大小、样式

单个用margin:
1个值，上下左右
2个值，上下，左右
3个值，上，左右，下
4个值，上，右，下，左

外边距
上👆 ：margin-top
右👉：margin-right
下👇 ：margin-buttom
左👈：margin-left

内边距
上👆 :padding-top
右👉:padding-right
下👇 :padding-bottm
左👈:padding-left

单个用padding:
1个值，上下左右
2个值，上下，左右
3个值，上，左右，下
4个值，上，右，下，左

外边距重叠问题

1.出现在上下外边距，左右边距没有出现。
2.
元素的意思： tadle(转成块元素) ；content(添加内容) ； ::before(开头，元素中最前面的) ；::after(结尾，元素中最后面的)(记得前面和后面都有一个空白区域) solid(实现) ;
解决方法一：border：2px(像素)red(颜色)solid(实现) (缺点：多出个边框)
解决方法二：overflow为非visible (缺点：占用一个属性值)
解决方法三：用伪元素 (id/.)::before,(id/.)::after{ content:""; display:"table"; }

/* 边框 */

/* 属性占用 */

/* 伪类 */