为什么默认一个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
**/