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