css盒子模型的屬性有哪些

這篇文章主要為大家展示了“css盒子模型的屬性有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css盒子模型的屬性有哪些”這篇文章吧。

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的老河口網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1、內(nèi)容區(qū)，是盒子模型必備的組成部分。

有三個屬性：width、height、overflow，（width、height 屬性所包含的范圍決定了它是哪種盒子模型，在最后解釋），overflow 指定當(dāng)內(nèi)容溢出區(qū)域的寬度或高度時，溢出的處理方式。

2、內(nèi)邊距，指內(nèi)容區(qū)和邊框之間的空間。

有五個屬性：padding-top、padding-bottom、padding-left、padding-right 和 padding。

3、外邊距，指兩個盒子之間的距離，可能是子元素和父元素之間，也可能時兩個兄弟元素之間。

有五種屬性：margin-top、margin-bottom、margin-left、margin-right 和 margin，取值可以為負(fù)數(shù)，即向反方向偏移。

當(dāng)只有父元素存在時，margin 相對于父元素而言；當(dāng)既有父元素，又有兄弟元素時，該元素會向四個方向看看有沒有兄弟元素存在，如果這個方向有兄弟元素，這個方向的 margin 就相對于兄弟元素而言，否則相對于父元素而言。

4、邊框。

和之前提到的邊框相同類似。

以上是“css盒子模型的屬性有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：css盒子模型的屬性有哪些
文章轉(zhuǎn)載：http://m.jiaotiyi.com/article/jccdhs.html