做网站时的一些考虑-想到哪写到哪

最外的盒子：

用什么盒子模式

要不要当做绝对定位

背景

居中

css的顺序

界面是怎么出现的，最后点击什么，怎样消失

nav 最外一层盒子width：100% 

       内一层定义宽度，margin 0 auto 

< style >

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,table,textarea,select{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

th,em{font-style:normal;font-weight:normal;}

ol,ul{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

img,a img{border:0;}

.nav{width:100%;height:35px; line-height:35px; overflow:hidden; background-color:#649a2a;}

.navs{width:990px;margin:0 auto;}

.navs li{float:left;margin-right:2px;}

.navs li a{display:block;padding:0 15px;color:#fff; font-size:14px;text-decoration:none;}

.navs li.f a{padding:0 30px;}

.navs li a:hover,.navs li a.on{ background-color:#1f611a;}

</ style >

< div  class = "nav" >

< div  class = "navs" >

< ul >

< li  class = "f" >< a  href = "#" >全部分类</ a ></ li >

< li >< a  href = "#"  class = "on" >首页</ a ></ li >

< li >< a  href = "#" >分类1</ a ></ li >

< li >< a  href = "#" >分类2</ a ></ li >

</ ul >

</ div >

</ div >