你對margin屬性的概念是否了解,這裡和大家分享一下,margin在中文中我們翻譯成外邊距或者外補白(本文中引用外邊距)。他是元素盒模型(boxmodel)的基礎屬性。
由淺入深學習margin屬性
margin在中文中我們翻譯成外邊距或者外補白(本文中引用外邊距)。他是元素盒模型(boxmodel)的基礎屬性。
一、margin的基本特性
margin屬性包括margin-top,margin-right,margin-bottom,margin-left,margin,可以用來設置box的marginarea。屬性margin可以用來同時設置box的四邊外邊距,而其他的margin屬性只能設置其自各的外邊距。
margin屬性可以應用於幾乎所有的元素,除了表格顯示類型(不包括table-caption,tableandinline-table)的元素,而且垂直外邊距對非置換內聯元素(non-replacedinlineelement)不起作用。
或許有朋友對非置換元素(non-replacedelement)有點疑惑,稍微幫助大家理解一下。非置換元素,W3C中沒有給出明確的定義,但我們從字面可以理解到,非置換元素對應著置換元素(replacedelement),也就是說我們搞懂了置換元素的含義,就懂了非置換元素。置換元素,W3C中給出了定義:
◆引用:
“AnelementthatisoutsidethescopeoftheCSSformatter,suchasanimage,embeddeddocument,orapplet”
從定義中我們可以理解到,置換元素(replacedelement)主要是指img,input,textarea,select,object等這類默認就有CSS格式化外表范圍的元素。進而可知,非置換元素(non-replacedelement)就是除了img,input,textarea,select,object等置換元素以外的元素。
margin始終是透明的。