                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

盒模型是什么

盒模型有什么用

迷茫的小松鼠

2016-11-03

源自：初識HTML(5)+CSS(3)-升級版 13-1

關(guān)注問題我要回答

3403

操作

收起

3 回答

老天賜予我一份好工作回答被采納 +3 積分
2016-11-03

盒模型其實(shí)就是一個(gè)框，這個(gè)框是用來裝你要寫的元素。這個(gè)框可以調(diào)節(jié)大?。簩捰脀idth，高用height；可以調(diào)節(jié)邊框的大小和顏色：用border；可以調(diào)節(jié)元素與邊框的間距：padding-top，padding-right，padding-bottom，padding-left；可以調(diào)節(jié)邊框與其他元素的間距：margin-top，margin-right，margin-bottom，margin-left；以及設(shè)置背景顏色：background，等等。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

云蕭飛宇
2016-11-03

塊級元素的屬性margin border padding

組件到邊框的距離

邊框的寬度

邊框到另外組件的距離

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

黑貓黨
2016-11-03

什么是盒模型？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

花朵_icon

之所以叫盒模型，是因?yàn)榫W(wǎng)頁上的元素基本都是一些方方正正的很像一個(gè)個(gè)盒子，因此形象的稱為盒模型。盒模型分為兩種：分別是W3C標(biāo)準(zhǔn)盒模型和IE盒模型。它們都包括margin（外邊距）、border（邊框）、padding（內(nèi)邊距）、content（內(nèi)容）這五個(gè)部分。不同之處在于IE盒模型中content部分包括了border和padding。也就是說IE盒模型的高度=2*margin+content.height，而W3C標(biāo)準(zhǔn)盒模型的高度＝2*margin＋2*border＋2*padding＋content.height。寬度也是一樣的。

2016-11-03 回復(fù) 有任何疑惑可以回復(fù)我~