常見塊級元素：div p form ul ol li 等；spa
常見的行內元素：span stronh em;orm
主要區別:it
1.塊級元素獨自佔一行且寬度會佔滿父元素寬度，行內元素不會獨佔一行，相鄰行內元素能夠排在同一行。form
2.塊級元素能夠設置weith和height，行內元素設置width和height無效，並且塊級元素即便設置寬度也仍是獨佔一行。margin
3.塊級元素能夠設置margin和padding屬性，行內元素水平方向的margin和padding如margin-left、padding-right能夠產生邊距效果，可是豎直方向的如padding-top和margin-bottom不會產生邊距效果top
4.最後是塊級元素和行內元素的相關屬性：displaydi
其中塊級元素對應display：block，行內元素對應display：inline。能夠經過修改元素的display屬性來切換行內元素和塊級元素。inline-block
補充說明一個屬性：display：inline-block；能夠讓元素具備塊級元素和行內元素的特性：既能夠設置長寬，能夠讓padding和margin生效，又能夠和其餘行內元素並排。是一個很實用的屬性display