初写网页

连续写了几个简单网页了，比刚开始时好了不少，但是还是时常遇到鞋问题，半天也解决不了，比如上次一个网页写的挺顺当，可是写到结尾bottom时就遇到问题了，一个图片老是要居中，怎么改变位置也调不好，结果搞了好几个小时，还是最后问老师才搞定。问题是这样的

#container{
    width: 1000px;
    height:960px;
    margin-top: -50px;
    background-color: #fff;
}

我定义了一个主题内容的宽度和高度，写到bottom时，要在里面放一张图，结果图片放上去就居中，也改不了位置，margin，background-position 都改不了（绝对定位是可以的，但是那不科学啊），后来才知道原来是bottom上面一个块的高度定义过高，导致整体的高度不够了，把整体的height 960px 变大，或者把上一模块的高度调小就可以搞定，结果我一直在想法用位置去定位，就悲剧了。

    我写页面是这样的，先写一些基础样式，基础样式*{}里面定义居中，间距设为0，字体的样式

*{
    font-size: 18px;
    font-family: "微软雅黑";
    margin: 0 auto;
    padding: 0;
}

然后body里面定义背景图片或者颜色

body{    background-image: url("../images/login_0005s_0001s_0000s_0002_bg.png");

}

然后就是页面头部header{}，页面的内容main{}，页面底部bottom{},页面页脚footer{}。这样一个个的写，初学者也不会感觉很乱，有顺序才不会混乱。

    学习中也有一些混乱的地方，比如：

    margin: 0 ;
    padding: 0;

这2个究竟什么时候用，用哪一个？还有就是居中的问题，文字横向居中可以用text-align:center;图片可以用margin:0 auto;纵向居中呢？目前都是用margin-top,padding去挤的，也都是凭感觉是居中，还有文字用line-hight.有其他绝对居中的吗？

    其实不管是编写页面还是编写一个程序，还是做其他事情都难免遇到各种问题，重要的是遇到时我们要去解决，解决之后还要弄明白这个问题是怎么产生的，不然以后还会遇到哦，所以就要不断地总结，只有自己总结过的东西才是自己的。还在学习的路上，希望越走越远！