塊級元素 行內元素和行內塊元素如何轉換 有何特點

2021-10-08 08:08:38 字數 411 閱讀 7781

一、塊級元素:

每個塊級元素都獨佔一行。

元素的寬度、高度、行高及頂部和底部邊距可以設定。

元素寬度在不設定的情況下,和它父元素的寬度一致。常用的塊級元素有:div , p , h1~h6 , ol , ul , dl , form , table , address …

二、行內元素:

和其它元素都在一行上。

元素的寬度、高度及頂部和頂部邊距都不能設定。

元素的寬度就是它所包含的文字或的寬度,不可修改。常用的行內元素有:span , a , em , b , i , strong …

三、行內塊元素(同時具備行內元素、塊級元素的特點):

和其它元素都在一行上。

元素的寬度、高度、行高及頂部和底部邊距可以設定。常用的行內元素有:img , input , td

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

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

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

獨佔一行,對寬高的屬性值生效 如果不給寬度,預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行,對寬高的屬性值不生效,靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...

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

每個塊元素通常都會獨自佔據一整行或多整行,可以對其設定寬度 高度 對齊等屬性,常用於網頁布局和網頁結構的搭建。行內元素的特點 1 和相鄰行內元素在一行上。2 高 寬無效,但水平方向的padding和margin可以設定,垂直方向的無效。3 預設寬度就是它本身內容的寬度。4 行內元素只能容納文字或則其...