margin padding的使用方法

2022-08-21 22:27:12 字數 265 閱讀 3303

網頁製作時會遇到為元素設定邊距的情況,邊距又分為內邊距和外邊距,即margin和padding.

1.margin和padding是在html中的盒模型的基礎上出現的,margin是盒子的外邊距,即盒子與盒子之間的距離,而pdding是內邊距,是盒子的邊與盒子內部元素的距離;

2.margin和padding在用百分比設定寬高時都是相對於螢幕寬度;

3.瀏覽器一般都自帶有內外邊距,所以一般都是在開頭加入*;

*代表所有元素,這也可以設定為文件出現過的元素。

margin,padding之間的比較

box1,box2 box2 html box1 box2 複製 同上,box1,box2增加浮動屬性 box1,box2 box1 box2 html box1 box2 複製 box2的margin left增加到100px box1 box2 html box1 box1 tdtnzdbfth...

margin padding樣式屬性

margin left 10px margin right 10px margin top 10px margin bottom 10px 用於在乙個宣告中設定所有外邊距的寬度,或者設定各邊上外邊距的寬度。該屬性有多個值 值描述 auto 瀏覽器計算外邊距。length 規定以具體單位計的外邊距值,...

相容的網頁寬度margin padding

hack相容 moz firefox 4 webkit safari 和 chrome o opera ie6承認 和 和 不承認 important ie7識別 和 不識別 識別 imortant 而firfox兩個都不識別,識別 important selector 當然。還有專門針對ie7的寫...