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

2021-08-31 10:05:20 字數 713 閱讀 1817

在面試中有遇到一些很簡單的問題,但是比較容易忽略掉一部分,或者算是知識盲區吧

和面試官簡單的寒暄,進入正題,說說你對css元素分類的看法?

根據自己認識的水平大概的講了分類,具體哪些元素,但是感覺少了點什麼又說不上來。

回來查詢之後特此把知識點記錄以下:

1.塊級元素:如 div,h1-h6,p,ul,li  html5新增的 header、section、aside、footer等

特點是:獨佔一行

可設定width height

巢狀下,子塊元素寬度(沒有定義情況下)和父塊元素寬度預設一致

2.行內元素:如 span,a,strong,em,del,ins 

一行可以放多個

不可設定width height

3.行內塊元素:如 img input  button  textarea

inline-block元素特點:

和其他元素都在一行上

元素可以設定width height

給包裹行內元素、行內塊元素的元素新增text-align: center可以讓行內、行內塊元素在該元素中居中

模式之前可切換:

display:block     將行內、行內塊元素轉為塊

display:inline     將塊元素轉為行內

display:inline-block     將塊和行內元素轉為行內塊

CSS塊級元素 行內元素 行內塊級元素

塊級元素 根據css規範的規定,每乙個網頁元素都有乙個display屬性,用於確定該元素的型別,每乙個元素都有預設的display屬性值,比如div元素,它的預設display屬性值為 block 成為塊級元素 display block 常見塊級元素 div p ul ol li 等 1 每個塊級...

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

塊元素特點 自己獨佔一行 高度,寬度,外邊距和內邊距都可以更改 寬度預設是父級寬度的100 是乙個容器及盒子,裡面可以放行內或者塊級元素。注 p標籤主要用於存放文字,因此p裡面不能放塊級元素,特別是不能放div,同理,h1 h6等都是文字類塊級標籤,裡面也不能放其他塊級元素。行內元素特點 可以一行顯...

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

內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...