为什么默认一个div,margin,padding全为0,离浏览器的左侧还有一点空隙?

答:因为浏览器对页面的部分元素(body,ul,li等),他们的padding,margin,border,可能会为他们预设一些值,而且各个浏览器设的值不一样

解决方法:css初始化,把所有的元素margin,padding,border全设为0

*在计算机里往往代表”所有的“,是一个通配符

就要用通配符来初始化

css里*能够选中页面上的”所有“元素,因此叫做通配选择器

*{margin:0;

padding:0;

border:0;

}

是一种很常用,但是效率不是很高的初始化方法

但是我们先掌握初始化的意义和方法。

margin:10px;是设置4个方向上的margin值,都为10px;

margin:10px 20px 30px 40px;则分别是设置上右下左方向上的margin值;

如果margin值只设置了2个或3个,则按上右下左的方向顺序来分配,没有被分配值的边,以对边的margin值为准。

 

也可以用margin-top/right/bottom/left 来分别设置4个方向上的值

如何用margin来居中

可以通过设置margin:某值 auto;即左右的外边距为”自动“,即可使左右居中

注意:css只支持用auto来进行左右居中,竖直方向用auto无效。

 

 

/**
燕十八 公益PHP培训
课堂地址:YY频道88354001
学习社区:www.zixue.it
**/