塊級元素和行內元素的區別

塊級元素:spa

一、老是在新行上開始;圖片

二、高度,行高以及外邊距和內邊距均可控制容器

三、寬度缺省是它的容器的100%,除非設定一個寬度;margin

四、它能夠容納內聯元素和其餘塊元素di

行內元素:co

一、和其餘元素都在一行上;background

二、高,行高及外邊距和內邊距不可改變;文字

三、寬度就是它的文字或圖片的寬度,不可改變 內聯元素只能容納文本或者其餘內聯元素

四、對行內元素,須要注意以下:

   設置寬度width 無效。 設置高度height 無效,能夠經過line-height來設置。

   設置margin 只有左右margin有效,上下無效。

   設置padding 只有左右padding有效,上下則無效。注意元素範圍是增大了,可是對元素周圍的內容是沒影響的。

相關文章