1动雹、div
用于配合CSS對(duì)網(wǎng)頁(yè)進(jìn)行布局
2捧弃、span對(duì)網(wǎng)頁(yè)進(jìn)行局部修改
3许赃、區(qū)別div
會(huì)單獨(dú)占住一行止喷,span
不會(huì)-
div
是容器級(jí)別的標(biāo)簽,span
是文本級(jí)別的標(biāo)簽- 容器級(jí)別的標(biāo)簽可以嵌套其他所有的標(biāo)簽
- 文本的則只能嵌套文字混聊、超鏈接弹谁、圖片
在HTML中HTML將所有的標(biāo)簽分為兩類, 分別是容器級(jí)和文本級(jí)
-
在CSS中CSS也將所有的標(biāo)簽分為兩類, 分別是塊級(jí)元素和行內(nèi)元素
- 容器級(jí):div h ul ol dl li 等等
- 文本級(jí) span p buis stong em ins dei 等等
-
display
屬性-
inline
行內(nèi) - inline-block 行內(nèi)塊級(jí)
-
block
塊級(jí)
-
塊級(jí)元素 p div h ul ol dl li dt dd
行內(nèi)元素 span buis strong em ins del
-
塊級(jí)元素和行內(nèi)元素的區(qū)別?
- 塊級(jí)元素
- 獨(dú)占一行
- 如果沒有設(shè)置寬度, 那么默認(rèn)和父元素一樣寬
- 如果設(shè)置了寬高, 那么就按照設(shè)置的來顯示
-
行內(nèi)元素
- 不會(huì)獨(dú)占一行
- 如果沒有設(shè)置寬度, 那么默認(rèn)和內(nèi)容一樣寬
- 行內(nèi)元素是不可以設(shè)置寬度和高度的
-
行內(nèi)塊級(jí)元素
- 為了能夠讓元素既能夠不獨(dú)占一行, 又可以設(shè)置寬度和高度, 那么就出現(xiàn)了行內(nèi)塊級(jí)元素