盒模型與inline、inline-block標(biāo)簽特點(diǎn)

一、

1.盒子模型分為標(biāo)準(zhǔn)盒模型,與怪異盒模型。

2.標(biāo)準(zhǔn)盒模型:內(nèi)容尺寸 盒子尺寸 區(qū)域尺寸。

3.注意:盒子與盒子之間用margin,盒子內(nèi)部用padding,盒子尺寸盡量用auto。

4.盒子模型由外邊距margin,邊界border,內(nèi)邊距padding,內(nèi)容尺寸width、height 四種樣式組成。

二、

1.行級(jí)標(biāo)簽對(duì)margin左右,padding左右支持較好,上下間距慎用(謹(jǐn)記)。

2.display:inline-block;適用于結(jié)構(gòu)相同。當(dāng)結(jié)構(gòu)不同時(shí),不用于同行排列。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,154評(píng)論 1 92
  • CSS盒模型 在CSS中盒模型被分為兩種,第一種是W3C的標(biāo)準(zhǔn)模型,第二種是IE怪異盒模型。兩種盒子模型都包括pa...
    _空空閱讀 3,583評(píng)論 0 3
  • 每天寫博客,就像每日一記,相似于日記,又不同于日記,這玩意是要發(fā)布的,私密的東西還是悠著點(diǎn)寫,雖然沒什么人看。閑話...
    沒_有_人閱讀 523評(píng)論 3 9
  • 拓展:瀏覽器一次可以向服務(wù)器并發(fā)8個(gè)請(qǐng)求,第九個(gè)需要等到下一次 1、元素的顯示方式 div標(biāo)簽:塊級(jí)元素(blo...
    雅玲啞鈴閱讀 478評(píng)論 0 6
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,373評(píng)論 0 8

友情鏈接更多精彩內(nèi)容