css reset 以及哪些元素有默认margin padding值

html-css015

css reset 以及哪些元素有默认margin padding值,第1张

常用元素的padding、margin值如下:

1、body 水平垂直方向默认有 10px 的 margin 值;

2、p,ul,ol,dl 标签垂直方向默认有 20px 的 margin 值,且这几个标签之间 20px 间距不重复;

3、dd 标签在水平方向默认有 40px 的 margin 值;

4、ul,ol 标签水平方向默认有 40px 的 padding 值(ie6/7下无)。

margin : auto | length

参数auto: 值被设置为相对边的值

参数length: 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。

padding : length

参数length:由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。

border : border-width || border-style || border-color

各参数属性是复合属性。请参阅各参数对应的属性。

margin是用来设定该元素与相邻元素直接的距离。

margin:0

20px

30%

0对应的是与上,右,下,左四边相邻元素的距离。

30%指下边距为其父元素的宽度的30%

补充:

1.如果margin只有三个值,按照值的顺序为margin:top

right

bottom

缺少了left,根据原则,则left的值有right来代替。

margin:10px

20px

30px就等于margin:10px

20px

30px

20px

2.如果margin只有两个值,按照值的顺序为margin:top

right

缺少了bottom和left,根据原则left的值由right来代替,bottm的值由top来代替。

margin:10px

20px就等于margin:10px

20px

10px

20px

3.如果margin只有一个值,按照值的顺序为margin:top

缺少了bottom、left和right,根据原则left的值由right来代替,bottom的值由top来代替,right的值右top来代替,也就是说left的值也由top来代替。

margin:10px就等于margin:10px

10px

10px

10px