1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <link rel="stylesheet" href="css/tong.css"/> 6 <title></title> 7 </head> 8 <body> 9 <!-- 页面顶部 #top--> 10 <header id="top">页面顶部</header> 11 <!-- LOGO 和 搜索 #top_min--> 12 <div id="top_main">LOGO和搜索框</div> 13 <!--页面导航#nav--> 14 <nav id="nav"></nav> 15 <!--banner广告#banner--> 16 <div id="banner"></div> 17 <!--页面主体内容#main--> 18 <section id="main"></section> 19 <!--页面底部-配送方式#foot_box--> 20 <footer id="foot_box"></footer> 21 <!--页面底部-备案号 #footer--> 22 <footer id="footer"></footer> 23 </body> 24 </html> 25 26 下面是同用样式 27 28 #top,#top_main,#nav,#banner,#main,#foot_box,#footer{border:1px solid #000;} 29 /*通用样式*/ 30 body{font:12px "microsoft yahei",Arial,sans-serif; color:#666;margin:0;padding:0;} 31 ul,p,h1,h2,h3,h4,h5,h6,dl,dd,li{margin:0; padding:0; list-style: none;} 32 input{border:0;} 33 .lf{float:left;} 34 .rt{float:right;} 35 .clera{clear:both;} 36 img{vertical-align: bottom;} 37 a{color:#666; } 38 a:hover{color:#ff0700; text-decoration:underline;} 39 #top,#top_main,#nav,#banner,#main,#foot_box,#footer{margin:0 auto; padding:0; width: 1210px;}