元素
HTML 元素指的是從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。
元素分類方式
HTML 可以將元素分類方式分為行內(nèi)元素轻局、塊狀元素和行內(nèi)塊狀元素三種洪鸭,這三者可以通過設(shè)置display屬性值實現(xiàn)相互轉(zhuǎn)化。實現(xiàn)如下
#轉(zhuǎn)換為行內(nèi)元素
display:inline;
#轉(zhuǎn)換為塊狀元素
display:block;
#轉(zhuǎn)換為行內(nèi)塊狀元素
display:inline-block;
元素特點
行內(nèi)元素
- 不會自動換行
- 設(shè)置寬高無效
- 設(shè)置margin上下方向無效仑扑,左右方向有效
- 設(shè)置padding上下左右方向都有效
常用的元素有:span 览爵、a、b镇饮、br蜓竹、u、ur等等
行內(nèi)塊狀元素
- 不會自動換行
- 可以識別寬高
- 默認(rèn)排列方式為從左到右
常用的元素有:img盒让、input、td等
塊狀元素
- 自動換行
- 可以識別寬高
- 設(shè)置margin和padding的上下左右均有效
- 多個塊狀元素標(biāo)簽寫在一起司蔬,默認(rèn)排列方式為從上至下
常用的元素有:div邑茄、p、ul俊啼、ol肺缕、li、h1授帕、h2等