div盒子模型

4、nav">　　最外边的大盒子（装着小盒子的大盒子）我们要让它在页面居中，并重定义其宽度为760像素，同时加上边框，那么它的样式是：body{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:0pxauto;height:auto;width:760px;border:1pxsolid#006633;}　　页头为了简单起见，我们

5、这里只要让它整个区块应用一幅背景图就行了,并在其下边界设计定一定间隙，目的是让页头的图像不要和下面要做的导航栏连在一起，这样也是为了美观。其样式代码为：#header{height:100px;width:760px;background-image:url(headPic.gif);background-repeat:no-repeat;margin:0px0px3px0px;}　　导航栏我做成像一个个小按钮，鼠标移上去会改变按钮背景色和字体色，那么这些小小的按钮我们又可以理解为小盒子，如此一来这是一个盒子嵌

6、套问题了，样式代码如下：#nav{height:25px;width:760px;font-size:14px;list-style-type:none;}#navli{float:left;}#navlia{color:#000000;text-decoration:none;padding-top:4px;display:block;width:97px;height:22px;text-align:center;background-color:#009966;margin-left:2px;}#navl

7、ia:hover{background-color:#006633;color:#FFFFFF;}　　内容部分主要放入文章内容，有标题和段落，标题加粗，为了规范化，我用H标签，段落要自动实现首行缩进2个字,同时所有内容看起来要和外层大盒子边框有一定距离，这里用填充。内容区块样式代码为：#content{height:auto;width:740px;line-height:1.5em;padding:10px;}#contentp{text-indent:2em;}#contenth3{font-size:16

8、px;margin:10px;　　版权栏，给它加个背景，与页头相映，里面文字要自动居中对齐，有多行内容时，行间距合适，这里的链接样式也可以单独指定，我这里就不做了。其样式代码如下：#footer{height:50px;width:740px;line-height:2em;text-align:center;background-color:#009966;padding:10px;