CSS元素分類(塊元素,行內元素,行內塊元素)

2021-10-12 16:27:13 字數 490 閱讀 7874

塊元素特點:

自己獨佔一行

高度,寬度,外邊距和內邊距都可以更改

寬度預設是父級寬度的100%

是乙個容器及盒子,裡面可以放行內或者塊級元素。

注:p標籤主要用於存放文字,因此p裡面不能放塊級元素,特別是不能放div,同理,h1~h6等都是文字類塊級標籤,裡面也不能放其他塊級元素。行內元素特點:

可以一行顯示多個行內元素

高度,寬度不能更改

預設寬度就是它本身內容的寬度

行內元素只能容納文字或者其他行內元素

行內塊元素特點:

和相鄰行內元素(行內塊)在一行上,但是他們之間有空白縫隙。一行可以 顯示多個

預設寬度就是它本身內容的寬度(行內元素特點)

高度,行高,外邊距及內邊距都可以更改(塊級元素特點)

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

塊元素,行元素,行內塊元素

1.內容獨佔一行 2.塊元素可以設定寬高 3.如果不設定寬高,寬度就等於父元素的寬度,高度就等於內容的高度 4.塊元素可以設定內外邊距 5.多個塊元素之間上下排列 常見的塊元素 div,section,p,h1 h6,hr,ul,li等 塊元素可以通過margin 0 auto 實現定寬居中的效果 ...

CSS的元素分類 塊級元素 行內元素 行內塊元素

在面試中有遇到一些很簡單的問題,但是比較容易忽略掉一部分,或者算是知識盲區吧 和面試官簡單的寒暄,進入正題,說說你對css元素分類的看法?根據自己認識的水平大概的講了分類,具體哪些元素,但是感覺少了點什麼又說不上來。回來查詢之後特此把知識點記錄以下 1.塊級元素 如 div,h1 h6,p,ul,l...