margin和padding的高階用法

2021-08-09 12:05:35 字數 470 閱讀 8710

margin和padding的高階用法

margin是設定元素外邊距的屬性,w3c官方解釋為:圍繞在元素邊框的空白區域是外邊距。

設定外邊距會在元素外建立額外的「空白」。設定外邊距的最簡單的方法就是使用margin屬性,

這個屬性接受任何長度單位、百分數值甚至負值。padding是設定元素內邊距的屬性,

w3c的官方解釋為:元素的內邊距在邊框和內容區之間。

控制該區域最簡單的屬性是 padding 屬性。css padding 屬性定義元素邊框與元素內容之間的空白區域。

margin和padding均有四個值可以設定,這些值的順序是從上外邊距 (top) 開始圍著元素順時針旋轉的。

當只有乙個值時,代表四個方向邊距相同,均為設定的值,若有兩個值,則前乙個表示上下邊距,

後乙個表示左右邊距;若有三個值,則第乙個值表示上邊距,第二個值表示右邊距,第三個值表示下邊距,

左邊距會與右邊距的值相同。

margin和padding之我見

採用div css排版的話,如果有float屬性,在ie中選中文字的時候,經常會出現把一整個div全部選中,非常難看 而有時候又不會出現這種情況,自己是不是遇到過了?呵呵,奇怪吧,我來給你講.其實原因很簡單,主要看你做事是不是細心.這個就是margin和padding的區別了.如果你不知道margi...

margin和padding 的區別

經常會看到這樣的布局android layout margintop 1.0dip 比較迷惑。查了下資料,有篇文章講的不錯,拿來一起分享!就拿layout margintop和paddingtop為例。layout margintop是從當前設定的控制項的頭部,開始向上移動,直到碰到上乙個控制項 父...

margin和padding的區別

padding 10px 0 10px 20px,上10 右0 下10 左20 margin 10px 0 10px 20px,上10 右0 下10 左20 四個值順時針旋轉 目前web2.0已經越來被人們認可,因為喜歡搞web開發的人員不得不硬著頭皮去學習web2.0的標準,其中很重要的一條就是新...