CSS中margin與padding的區別

2021-06-18 13:07:27 字數 461 閱讀 7586

1. margin: 包括margin-top, margin-right, margin-bottom, margin-left, 控制塊級元素之間的距離, 它們是透明不可見的 是對於具體內容方塊的外邊距

2. padding: 包括padding-top, padding-right, padding-bottom, padding-left, 控制塊級元素內部, content與border之間的距離,是對於具體內容方塊的內邊距

: 為什麼不翻譯margin和padding? 原因一, 在漢語中並沒有與之相對應的詞語; 原因二: 即使有這樣的詞語, 由於在編寫css**時, 必須使用margin和padding, 如果我們總用漢語詞語代替其來解釋的話, 到了實際應用時容易混淆margin和padding的概念.

CSS中的BFC 與 margin塌陷

一 css中的bfc bfc 直譯為 塊級格式化上下文 他是乙個獨立的渲染區域,只有block level box參與,它規定了內部的block level box如何布局,並且與這個區域外部毫不相干。bfc布局規則 1.內部的box會在垂直方向,乙個接乙個地放置。2.bfc的區域不會與float ...

什麼時候用Margin?什麼時候用Padding?

這裡是修真院web小課堂,每篇分享文從 八個方面深度解web知識 技能,本篇分享的是 什麼時候用margin?什麼時候用padding?在html文件中,我們一般把html標籤粗分為塊級元素 block 和內聯元素 inline 塊級元素是是構成乙個html的主要和關鍵元素,任意乙個塊級元素均可以用...

CSS 中Margin引數詳解

margin 1 乙個引數值,將用於全部的四邊。2 兩個引數值,第乙個用於上 下,第二個用於左 右。3 三個引數值,第乙個用於上,第二個用於左 右,第三個用於下。4 四個引數值,將按上 右 下 左的順序作用於四邊。再如 有人問css 居中如何實現。那可以這麼寫 margin 0 auto margi...