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

2022-06-04 05:27:06 字數 640 閱讀 4745

div和span有什麼區別?

1、div會獨佔一行,而span不會獨佔一行

2、div是乙個容器級的標籤,而span是乙個文本級的標籤

容器級的標籤和文本級標籤的區別?

1、容器級的標籤中可以巢狀其他所有的標籤

2、文本級的標籤中只能巢狀文字//超連結

css顯示模式

在html中標籤分為兩類,分別是容器級標籤和文本級標籤

在css中也將所有標籤分為兩類,分別是塊級元素和行內元素

1、什麼是塊級元素? 什麼是行內元素?

塊級元素會獨佔一行

行內元素不會獨佔一行

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

塊級元素

獨佔一行

如果沒有設定寬度,那麼預設和父元素一樣寬

如果設定了寬高,就按設定的寬高顯示

行內元素

不會獨佔一行

如果沒有設定寬度,那麼預設和內容一樣寬

行內元素不可以設定寬度和高度

行內塊級元素

為了讓元素既能夠不獨佔一行,又能設定寬高,如img元素

如何轉換css元素的顯示模式?

設定元素display屬性

block 塊級

inline 行內

inline-block 行內塊級

塊級元素和行內元素區別 以及行內塊元素

塊級元素的特點 1 寬度預設是容器的100 2 高度,行高 外邊距以及內邊距都可以控制。3 總是從新行開始 4 可以容納內聯元素和其他塊元素。行內元素的特點 1 預設寬度就是它本身內容的寬度。2 高 寬無效,但水平方向的padding和margin可以設定,垂直方向的無效。3 和相鄰行內元素在一行上...

行內元素 塊級元素和行內塊級元素

而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效,只有左右有效果 總是和相鄰的行內元素在同一行上,預設排列方式...

行內元素和塊級元素區別

引言 一次偶然的面試遇到的題目,雖然當時知道塊級元素和行內元素的區別,但是沒有仔細去想。一 行內元素與塊級元素 塊級元素列表 定義位址 定義 標題 定義列表中定義條目 定義文件中的分割槽或節 定義列表 定義列表中的專案 定義乙個框架集 建立 html 表單 定義最大的標題 定義副標題 定義標題 定義...