盒子模型，怪異盒子模型

王晗發(fā)布于2019-08-30 10:56 / 2998人閱讀

摘要：面試被一個(gè)題問蒙圈了，從未聽說過的一個(gè)，可能專業(yè)學(xué)過的能了解，我這是半路出家的假碼農(nóng)。面試官問我你了解盒子模型與怪異盒子模型。盒子模型我知道怪異盒子模型是什么呀我有點(diǎn)蒙圈。

面試被一個(gè)題問蒙圈了，從未聽說過的一個(gè)，可能專業(yè)學(xué)過的能了解，我這是半路出家的假碼農(nóng)。面試官問我 你了解 盒子模型 與 怪異盒子模型 。盒子模型我知道 怪異盒子模型是什么呀 我有點(diǎn)蒙圈。
面試結(jié)束后我了解了一下。原來我在我的代碼中會經(jīng)常用到 這個(gè)涉及到了 css3

box-sizing 有兩個(gè)值
當(dāng)設(shè)置為box-sizing:content-box時(shí)，將采用標(biāo)準(zhǔn)模式解析計(jì)算，也是默認(rèn)模式；
當(dāng)設(shè)置為box-sizing:border-box時(shí)，將采用怪異模式解析計(jì)算；

做好兼容需要加前綴哦

-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;

云服務(wù)器 GPU云服務(wù)器盒子模型比價(jià)盒子盒子比價(jià) 電視盒子

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114669.html

相關(guān)文章

標(biāo)準(zhǔn)盒模型與怪異盒模型 + box-sizing

摘要：標(biāo)準(zhǔn)盒模型標(biāo)準(zhǔn)所有元素可以看作盒子，在中，這一術(shù)語是用來設(shè)計(jì)和布局時(shí)使用。在標(biāo)準(zhǔn)盒模型中盒子占位高度與之一樣。不幸的是，和在怪異模式中使用自己的非標(biāo)準(zhǔn)模型。標(biāo)準(zhǔn)盒模型(w3c標(biāo)準(zhǔn)) 所有HTML元素可以看作盒子，在CSS中，box model這一術(shù)語是用來設(shè)計(jì)和布局時(shí)使用。CSS盒模型本質(zhì)上是一個(gè)盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實(shí)際內(nèi)容。 showImg(h...

SimpleTriangle 2019-08-29 14:17 評論0 收藏0
【HTML/CSS】什么是盒子模型

摘要：盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的技術(shù)所使用的一種思維模型。網(wǎng)頁設(shè)計(jì)中常聽的屬性名內(nèi)容內(nèi)邊距邊框外邊距，盒子模式都具備這些屬性。 CSS盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。網(wǎng)頁設(shè)計(jì)中常聽的屬性名：內(nèi)容(content)、內(nèi)邊距(padding)、邊框(border)、外邊距(margin)，CSS盒子模式都具備這些屬性。盒模型一共有2種模式符合W3C標(biāo)...

Acceml 2019-08-30 15:56 評論0 收藏0
【HTML/CSS】什么是盒子模型

摘要：盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的技術(shù)所使用的一種思維模型。網(wǎng)頁設(shè)計(jì)中常聽的屬性名內(nèi)容內(nèi)邊距邊框外邊距，盒子模式都具備這些屬性。 CSS盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。網(wǎng)頁設(shè)計(jì)中常聽的屬性名：內(nèi)容(content)、內(nèi)邊距(padding)、邊框(border)、外邊距(margin)，CSS盒子模式都具備這些屬性。盒模型一共有2種模式符合W3C標(biāo)...

syoya 2019-08-02 14:32 評論0 收藏0
盒子模型的理解

摘要：盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的技術(shù)所使用的一種思維模型。盒子模型是中一個(gè)重要的概念，理解了盒子模型才能更好的排版。標(biāo)準(zhǔn)盒子模型從上圖可以看到標(biāo)準(zhǔn)盒子模型的范圍包括，并且部分不包含其他部分。概述網(wǎng)頁設(shè)計(jì)中常聽的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)，CSS盒子模型都具備這些屬性，也主要是這些屬性。這些屬性我們可以把它...

xiangzhihong 2019-08-30 12:49 評論0 收藏0
盒子模型的理解

摘要：盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的技術(shù)所使用的一種思維模型。盒子模型是中一個(gè)重要的概念，理解了盒子模型才能更好的排版。標(biāo)準(zhǔn)盒子模型從上圖可以看到標(biāo)準(zhǔn)盒子模型的范圍包括，并且部分不包含其他部分。概述網(wǎng)頁設(shè)計(jì)中常聽的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)，CSS盒子模型都具備這些屬性，也主要是這些屬性。這些屬性我們可以把它...

myshell 2019-08-01 15:05 評論0 收藏0