塊級元素有哪些?
行內元素: a、span、b、img、strong、input、select、lable、em、button、textarea 、selecting塊級元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote、form
區別
1、塊級元素會獨占一行,其寬度自動填滿其父元素寬度行內元素不會獨占一行,相鄰的行內元素會排列在同一行里,直到一行排不下,才會換行,其寬度隨元素的內容而變化
2、一般情況下,塊級元素可以設置 width,height 屬性,行內元素設置 width, height 無效(注意:塊級元素即使設置了寬度,仍然是獨占一行的)
3、塊級元素可以設置 margin 和 padding 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom 都不會產生邊距效果