Css規範整理 2 css 盒模型

2021-09-20 09:14:55 字數 444 閱讀 4769

盒基本的模型就是 裡面 和 外面,界定它的就是四條邊。

css 盒模型的表現,有以下的規則:

每個盒都有一塊 內容區(content area)和周圍可選的padding,border和margin區域,每塊區域的尺寸通過下面定義的屬性指定。

margin,border和padding可以分為上,右,下和左4部分(例如,圖中,"lm"表示左外邊距,"rp"表示右內邊距,"tb"表示上邊框等等)

4塊區域(內容,內邊距,邊框和外邊距)中每一塊的邊界叫一條「邊界(edge)」,所以每個盒有4條邊界:

每條邊界都可以細分成上,右,下和左邊界。

上一章:布局大綱

原文發布時間為:2023年02月10日

雕刻零碎

CSS規範 8 盒模型 Box Model

2017 07 20 關於外邊距摺疊,推薦問題 url translator haoycn date 15th of aug,2015 css盒模型所描述的矩形盒由文件樹內的元素生成,根據視覺格式化模型布局。每個盒都有乙個內容區域content 如,文字,等 以及可選的圍繞在周圍的內邊距 邊框和外邊...

前端知識整理 CSS盒模型

我們先來說說 什麼是css的盒模型呢?想象乙個盒子,它有 外邊距 margin 邊框 border 內邊距 padding 內容 content 四個屬性 行 但是我們還有兩個小概念 乙個是標準模型 content box 和ie模型 border box 這兩個有什麼區別呢?就是乙個塊的寬高 標準...

CSS3學習筆記 2 CSS盒子模型

w3c盒子與ie6盒子的差異 w3c盒子的寬度 width 指元素內容區域content的寬度 w3c盒子的高度 height 指元素內容區域content的高度 ie6盒子的寬度 width 指元素外邊距區域margin的寬度 ie6盒子的高度 height 指元素外邊距區域margin的高度 t...