一、页面初始化
在写html代码中,为了各版本浏览器的兼容性,不同浏览器及同一浏览器不同版本默认的body元素和块级元素自带一定像素的margin或者padding,
因此需要在写代码前先消除这些margin和padding,之后的css样式才能出现预期的效果。具体可以这样:
*{
margin= 0;
padding= 0;
border: none;
}
二、块级元素的垂直居中
html5中有内联元素水平垂直居中问题,也有块级元素水平垂直居中的问题。
内联元素水平垂直居中:
text-align: center;
line-height: *px;
这里line-height应该与内联元素所在的块级元素高一致,这样才能垂直居中。
定宽块级元素水平居中:
margin: 0 auto;
定高块级元素垂直居中:
可以利用定位,先相对于父级元素向下移动50%,然后再根据元素的高度,设置margin-top为高度的一半(负数),具体如下