每一个HTML元素都有一个默认的显示值，它都取决于元素的类型。在CSS中，根据它的分类我们可以把HTML元素分为三种类型：块状元素（block）、内联元素（inline）以及内联块状元素（inline-block）。
块状元素
- 标签独自占据一行，相邻块状元素不会并列显示，且它的顺序是自上而下的排列；
- 在网页中以块的形式显示为矩形区域；
- 所有块状元素都可以定义自己的宽度和高度；
- 作为其他元素的容器，可以容纳其他内联和块状元素。
块级元素总是从新的一行开始并占据可用的全宽度（进可能向左右延伸）：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
常见的块级元素有（大多为结构性标记）：
<h1> ~ <h6>、<p>、<div>、<ul>、<ol>、<li>、<dl>、<dt>、<dd>、<table>、<form>、<hr>、<pre>、<blockquote>、<marquee>、<address>、<article>、<aside>、<canvas>、<fieldset>、<figcaption>、<figure>、<footer>、<header>、<main>、<nav>、<noscript>、<section>、<tfoot>、<video>、 等。
内联元素（行内元素）
- 标签在一行内，宽度和高度由内容决定，只有在内容超过HTML的宽度时，才会换行；
- 表现形式始终以行内逐个进行显示；
- 没有自己的形状，不能定义宽高，最小内容单元也呈现矩形形状；
- 遵循盒子模型基本规则。
内联元素不从新行开始，只占用所需的宽度：
<span>内联元素</span>
常见的内联元素有（大多为描述性标记）：
<span>、<a>、<em>、<abbr>、<acronym>、<bdo>、<b>、<big>、<button>、<bfn>、<kbd>、<map>、<object>、<output>、<samp>、<script>、<small>、<sup>、<sub>、<time>、<tt>、<q>、<var>、<cite>、<code>、<label>、<br>、<i>、<select>、<strong> 等。
内联块状元素
同时具备内联元素和块状元素的特点。
常见的内联元素有：<img>、<input>
课后小练习
- HTML 元素类型我们可以分为哪几类？
- 分别写说html不同类型元素（标签最少不低于5个）
- 分别写出多种元素类型的不同特点
- 通过对三种元素的认识与初步了解，三者之间的差距和共同点有哪些呢？
