css文件margin的概念是什么

這篇文章主要講解了“css文件margin的概念是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css文件margin的概念是什么”吧！

css文件margin是一個用于定義元素周圍空間的css屬性；margin表示外邊距，可以單獨改變元素的上，下，左，右邊距，也可以一次改變所有的屬性；margin屬性接受任何長度單位、百分數值甚至負值。

css文件margin什么意思?

CSS margin(外邊距)屬性定義元素周圍的空間。

margin

margin 清除周圍的（外邊框）元素區域。margin 沒有背景顏色，是完全透明的。

margin 可以單獨改變元素的上，下，左，右邊距，也可以一次改變所有的屬性。

margin 簡寫屬性在一個聲明中設置所有當前或者指定元素外邊距屬性。該屬性可以有 1 到 4 個值。

margin 屬性接受任何長度單位、百分數值甚至負值。

margin 屬性可以單獨改變元素的上，下，左，右邊距。也可以一次改變所有的屬性。

margin跟padding一樣，也有簡潔寫法。我們可以使用margin屬性來設置四個方向的外邊距。在實際編程中，我們往往使用的是margin的這種高效簡潔寫法來編程。

margin寫法有4種，分別如下：

 margin: 像素值1;
 margin: 像素值1  像素值2;
 margin: 像素值1  像素值2  像素值3;
 margin: 像素值1  像素值2  像素值3  像素值4;

以上四個位置按順序分別為：margin-top--margin-right--margin-bottom--margin-left，即“上-右-下-左”。以下簡寫為top--right--bottom--left。其中需要注意的是后三種情況，當有像素值缺省時，瀏覽器會自動對缺省像素按照“bottom=top”和“left=right”的方法進行賦值。

例如：

“margin:20px;”表示四個方向的外邊距都是20px；

“margin:20px 40px;”表示top為20px，right為40px；由于bottom和left缺省，所以自動將它們分別設為20px和40px。轉化為第4種寫法為：“margin:20px 40px 20px 40px;”。

“margin:20px 40px 60px;”表示top為20px，right為40px，bottom為60px；由于left缺省，所以自動將它設為40px。轉化為第4種寫法為：“margin:20px 40px 60px 40px;”。

需要注意的是一種情況不能寫為缺省寫法：“margin:20px 40px 20px 60px;”。該例中，由于top和bottom相同，但right和left不同，所以不能將bottom缺省，否則會等同于“margin:20px 40px 60px 40px;”。

感謝各位的閱讀，以上就是“css文件margin的概念是什么”的內容了，經過本文的學習后，相信大家對css文件margin的概念是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！