您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“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è)資訊頻道!
免責(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)容。