課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁布局基礎(chǔ)
為什么說塊級(jí)元素和行級(jí)元素都是盒子模型?
2017-02-26
源自:網(wǎng)頁布局基礎(chǔ) 2-1
正在回答
盒模型是CSS實(shí)現(xiàn)頁面布局的一種思想:把頁面的所有元素都看成一個(gè)類似于禮品盒的盒子,禮品盒可能會(huì)有好多層包裝組成,那么頁面元素也對(duì)應(yīng)的有內(nèi)容、邊框、內(nèi)外邊距等組成。
我們可以用<p>的開始和</p>的結(jié)束
把<span>或者<strong>或者<em>等行級(jí)標(biāo)簽包圍起來 那么行級(jí)標(biāo)簽就能 獨(dú)立出來 成為一個(gè)塊?
也就是一個(gè)獨(dú)立段落。。。但成為塊還不行 ?我們要讓它成為盒子 以方便我們?cè)诰W(wǎng)頁布局中給他定位
SO:用<div>的開始和</div>的結(jié)束吧<span>或者<strong>或者<em>等行級(jí)標(biāo)簽包圍起來
甚至用<div>把<P>包圍起來 ? ? ? ? ?就相當(dāng)于是盒子了
所以說什么都可以是盒子模型 只要用<div>和</div>把他們保衛(wèi)起來
coder佳傳_David 提問者
舉報(bào)
讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁布局的相關(guān)知識(shí)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-02-26
盒模型是CSS實(shí)現(xiàn)頁面布局的一種思想:把頁面的所有元素都看成一個(gè)類似于禮品盒的盒子,禮品盒可能會(huì)有好多層包裝組成,那么頁面元素也對(duì)應(yīng)的有內(nèi)容、邊框、內(nèi)外邊距等組成。
我們可以用<p>的開始和</p>的結(jié)束
把<span>或者<strong>或者<em>等行級(jí)標(biāo)簽包圍起來 那么行級(jí)標(biāo)簽就能 獨(dú)立出來 成為一個(gè)塊?
也就是一個(gè)獨(dú)立段落。。。但成為塊還不行 ?我們要讓它成為盒子 以方便我們?cè)诰W(wǎng)頁布局中給他定位
SO:用<div>的開始和</div>的結(jié)束吧<span>或者<strong>或者<em>等行級(jí)標(biāo)簽包圍起來
甚至用<div>把<P>包圍起來 ? ? ? ? ?就相當(dāng)于是盒子了
所以說什么都可以是盒子模型 只要用<div>和</div>把他們保衛(wèi)起來