對於塊元素及行內元素及行內塊元素的理解

2021-08-28 22:18:21 字數 504 閱讀 3507

html中的三類元素(個人見解,希望大佬多多指正,批評指正)

2,行內元素(inline)

例如:a,strong,b,em,i,span等等,其中span為最典型行內元素。

特點:1,不可設定寬高,但他們可以這是水平方向的padding值和margin值

2,新的元素會緊緊相鄰,之間沒有間隙

3,靠自身內容撐起

4,行內元素只容納文字或其他行內元素

3行內塊元素

例如:input,img,td

特點:1,會與相鄰元素在同一行,但之間有間隙

2,預設寬度為自身內容的寬度

3,高度,行高(line-height),內外邊距都可設定

總結

以上三者之間可以通過display屬性進行轉換,在有display的情況下行內元素的寬高也就會生效。

行內塊元素及關係

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

元素(塊 行內 行內塊

塊元素的特點 1.支援所有樣式 2.塊級元素 獨佔一行3.塊級元素預設寬度和父元素一樣 常用塊元素塊級元素 一般 div p ol ul h1 h6 li dl dt dd等都是 初始化 樣式重置 1.實際開發中,我們會把這些預設的樣式在樣式定義開頭清除掉,清除掉這些預設樣式,方便我們寫自己的定義的...

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

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