块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8"/>
 5         <title>无标题文档</title>
 6          <style>
 7          body *{height:30px;border:1px solid #000}
 8          ol,ul,dl{height:auto;}
 9          </style>
10     </head>
11     <body>
12     <header>头部</header>
13     <nav>导航</nav>
14     <footer>底部</footer>
15     <article> article</article>
16     <aside>article的附属</aside>
17     <ul>
18         <li>无需列表</li>
19         <li>无顺列表</li>    
20     </ul>
21     <ol>
22         <li>有序列表</li>
23         <li>有序列表</li>
24     </ol>
25     <dl>
26         <dt>定义列表的项目</dt>
27         <dd>dt的展开描述</dd>
28     </dl>
29     <h1>标题</h1>
30     <p>段落</p>
31     <span>span</span>
32     <strong>strong</strong>
33     <em>em</em>
34     <a href="@">a链接</a>
35     </body>
36 </html>
37 </html>

posted on 2016-02-29 19:50 hduhdc 阅读(241) 评论(0) 收藏举报