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 ...