- 1）塊級元素
1,元素自己獨(dú)占一行與寬度無關(guān)
2挣柬，可以設(shè)置寬度和高度
3江解，當(dāng)嵌套一個塊級元素块仆，子元素如果不設(shè)置寬度贤牛，那么該子元素的寬度為父元素的寬度
4惋鹅，text-align是在塊級元素中設(shè)置
例如： div p li h1 - 2）行內(nèi)元素
1，元素在一行上顯示
2盔夜，不能直接設(shè)置寬度和高度
3负饲，行內(nèi)元素為何不能設(shè)置margin-top堤魁、margin-bottom喂链；padding-top、padding-bottom值
例如：span a font strog - 3）行內(nèi)塊元素
1,元素在一行上顯示
2妥泉，可以設(shè)置寬度和高度
例如：image input - 4）元素之間的相互轉(zhuǎn)換
1）將行內(nèi)元素轉(zhuǎn)換成行內(nèi)塊元素
display: inline-block; 行內(nèi)塊元素
display: block: 塊級元素
display: inline行內(nèi)元素
span{
width: 100px;
height: 100px;
background-color: red;
display: inline-block;
}