css框模型 初總結

2021-08-18 07:40:50 字數 988 閱讀 7182

說明:top-right-bottom-left

設定多個值時的順序,例如

(1,2,3)

表示上1

,右左2,下3

;(1,2)

表示上下

1,左右

21.      內邊距padding 注意:上下內邊距的百分數會相對于父元素

寬度設定,而不是相對於高度。也可以分開設定

(padding-top;padding-right)

2.      外邊距

margin

注意:塊級元素的垂直相鄰外邊距會合併,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合併。同樣地,浮動元素的外邊距也不會合併。允許指定負的外邊距值,不過使用時要小心。

3.      邊框樣式border-style 可能的值(none,定義無邊框|solid,實線|dashed,虛線|dotted,點狀|double,雙線),(border-top-style,border-right-style)

4.      邊框寬度border-width 可能的值(thin,細邊框|thick,粗|medium,預設中等邊框|length,自定義值),(border-top-width,border-right-width)

5.      邊框顏色border-color (border-top-color,border-right-color)

6.      簡寫屬性border 可能的值(border-width|border-style|border-color)

7.      簡寫屬性border-bottom可能的值(border-bottom-width|border-bottom-style|border-bottom-color)

8.      外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。注意:只有普通文件流中塊框的垂直外邊距才會發生外邊距合併。行內框、浮動框或絕對定位之間的外邊距不會合併。

CSS 框模型(八)

css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。元素框的最內部分是實際的內容,直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距,外邊距預設是透明的,因此不會遮擋其後的任何元素。一旦為頁面設定了恰當的 dtd,大多數瀏...

CSS 框模型概述

css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。內邊距 邊框和外邊距都是可選的,預設值是零。但是,許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 margin 和 padding 設定為零來覆蓋這些瀏覽器樣式。這可以分別進行,也可以使用...

CSS 的框模型

內邊距 邊框和外邊距都是可選的,預設值是零。但是,許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 margin 和 padding 設定為零來覆蓋這些瀏覽器樣式。這可以分別進行,也可以使用通用選擇器對所有元素進行設定 在 css 中,width 和 height 指的是內容區域的寬度...