块和内嵌总结,以及各个标签的应用。其中的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>