块级元素:
特点:
- 换行
- 宽度填满父元素宽度
- 可以设置height, width, margin, padding
有高度,宽度撑满父元素
.box1 {
background-color: coral;
height: 100px;
}
.box2 {
background-color: aqua;
height: 100px;
}
行内元素:
特点:
- 不换行
- 宽高包裹内容
- 只能设置左右margin, padding
行内块元素:
特点:
- 不换行
- 宽高包裹内容
- 可以设置height, width等