溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css盒子模型的屬性有哪些

發(fā)布時(shí)間:2021-09-08 10:48:16 來(lái)源:億速云 閱讀:670 作者:小新 欄目:編程語(yǔ)言

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

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

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

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

有五個(gè)屬性:padding-top、padding-bottom、padding-left、padding-right 和 padding。

3、外邊距,指兩個(gè)盒子之間的距離,可能是子元素和父元素之間,也可能時(shí)兩個(gè)兄弟元素之間。

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

當(dāng)只有父元素存在時(shí),margin 相對(duì)于父元素而言;當(dāng)既有父元素,又有兄弟元素時(shí),該元素會(huì)向四個(gè)方向看看有沒(méi)有兄弟元素存在,如果這個(gè)方向有兄弟元素,這個(gè)方向的 margin 就相對(duì)于兄弟元素而言,否則相對(duì)于父元素而言。

4、邊框。

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

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

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI