一项钮、div和span標(biāo)簽
- 什么是div
- 作用: 一般是用于配合css完成網(wǎng)頁(yè)的基本布局震桶。
- 什么是span
- 作用：一般配合css修改網(wǎng)頁(yè)中的一些局部信息竣况。
- div 和 span 的區(qū)別
- div會(huì)單獨(dú)占領(lǐng)一行鹊杖，span不會(huì)單獨(dú)占領(lǐng)一行。
- div是一個(gè)容器級(jí)別的標(biāo)簽绿映，span 是文本級(jí)別的標(biāo)簽擒滑。
- 容器級(jí)和文本級(jí)的標(biāo)簽的區(qū)別？
- 容器級(jí)的標(biāo)簽中可以嵌套其他所有的標(biāo)簽叉弦，但是文本級(jí)的標(biāo)簽中只能嵌套文字/超鏈接/圖片丐一。
- 注意點(diǎn)：那些標(biāo)簽是文本級(jí)的，那些標(biāo)簽是容器級(jí)的淹冰，我們可以不用去記憶的库车，在企業(yè)開(kāi)發(fā)中一般情況下要嵌套的都是嵌套在div 中，或者按照組標(biāo)簽來(lái)嵌套樱拴。
二柠衍、CSS元素的顯示模式
1洋满、什么是CSS的顯示模式
- 在HTML中將所有的標(biāo)簽分為兩類，分別是容器級(jí)別和文本級(jí)別珍坊，在css中牺勾，也將所有的標(biāo)簽分為兩類，分別是塊級(jí)別元素和行內(nèi)元素垫蛆。
- 什么是塊級(jí)元素禽最，什么是行內(nèi)元素？
塊級(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ú)占一行；
- 如果沒(méi)有設(shè)置寬度呛占，那么默認(rèn)和父元素一樣寬虑乖；
- 如果設(shè)置了寬度，那么就根據(jù)設(shè)置的來(lái)顯示晾虑；
行內(nèi)元素：
- 不會(huì)獨(dú)占一行疹味；
- 如果沒(méi)有設(shè)置寬度，那么默認(rèn)和內(nèi)容一樣寬帜篇；
- 行內(nèi)元素是不可以設(shè)置寬度和高度的糙捺。
行內(nèi)塊級(jí)元素：
1.為了能夠讓元素既能夠不獨(dú)占一行，又可以設(shè)置寬度和高度笙隙，那么就出現(xiàn)了行內(nèi)塊級(jí)元素洪灯。例如 img
二、CSS元素顯示模式的轉(zhuǎn)換
1竟痰、如何轉(zhuǎn)化CSS 元素的顯示模式?
- 設(shè)置元素的display屬性
2签钩、display 的取值
- block：塊級(jí)
- inline：行內(nèi)
- inline-block: 行內(nèi)轉(zhuǎn)換
3、快捷鍵：
di : display:inline
db: display:block
dib:display:inline-block
