html5 and css

1.首先考虑兼容问题，

/*HTML5新标签兼容低版本的IE*/
article,aside,footer,header,section,footer,nav,figure,main{display:block;}

2.初始化样式，把标签的初始化样式置为0
/*初始化样式*/
* {
    padding: 0;
    margin: 0;
    font: inherit;
}

3.设置通用的样式
/*通用样式*/
body {
    background-color: #ffffff;
    font: 14px 微软雅黑, 黑体, Verdana, Arial, sans-serif;
    color: #333333;
    border-top: 8px solid #006f47;
}
ul {
    list-style-type: none;
}

4.最好在body中建立外层盒子

/*外层盒子*/
.wrap {
    width: 960px;
    margin: 0 auto;
}