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

时间:2022-03-24 15:47:03
 <!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>无标题文档</title>
<style>
body *{height:30px;border:1px solid #000}
ol,ul,dl{height:auto;}
</style>
</head>
<body>
<header>头部</header>
<nav>导航</nav>
<footer>底部</footer>
<article> article</article>
<aside>article的附属</aside>
<ul>
<li>无需列表</li>
<li>无顺列表</li>
</ul>
<ol>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<dl>
<dt>定义列表的项目</dt>
<dd>dt的展开描述</dd>
</dl>
<h1>标题</h1>
<p>段落</p>
<span>span</span>
<strong>strong</strong>
<em>em</em>
<a href="@">a链接</a>
</body>
</html>
</html>