DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> margin屬性的基本寫法和特征(1)
margin屬性的基本寫法和特征(1)
編輯:CSS詳解     

你對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始終是透明的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved