教你吃透CSS的盒子模型(Box Model)
生活随笔
收集整理的這篇文章主要介紹了
教你吃透CSS的盒子模型(Box Model)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
CSS 盒子模型(Box Model)
元素的寬度和高度
瀏覽器的兼容性問題
CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中,”box model”這一術語是用來設計和布局時使用。
CSS盒模型本質上是一個盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實際內容。
盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
下面的圖片說明了盒子模型(Box Model):
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的教你吃透CSS的盒子模型(Box Model)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 教你玩转CSS表格(table)
- 下一篇: 教你玩转CSS border(边框)