极速小乌龟

导航

HTML布局规范 

 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;}

 

posted on 2017-02-24 22:09  极速小乌龟  阅读(208)  评论(0)    收藏  举报