块级元素＆行内元素

块级元素：

• div
• p
• h1~h6
• ul
• li

特点：

1. 换行
2. 宽度填满父元素宽度
3. 可以设置height, width, margin, padding

有高度，宽度撑满父元素

      .box1 {
    
        background-color: coral;
        height: 100px;
      }
      .box2 {
    
        background-color: aqua;
        height: 100px;
      }

行内元素：

• span
• a

特点：

1. 不换行
2. 宽高包裹内容
3. 只能设置左右margin, padding

行内块元素：

• img
• input

特点：

1. 不换行
2. 宽高包裹内容
3. 可以设置height, width等