HTML的块状、内联、内联块状元素

类别	常用元素	特点
块状元素	<div>、<p>、<h1>...<h6>、<ol>、<ul>、<li>、<dl>、<table>、<address>、<blockquote> 、<form>	1、元素独占一行； 2、元素的height、width、padding（行高）、margin（上下边距）都可设置 3、宽度在不设置的情况下，和父元素的宽度一致
内联元素（行内元素）	<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>	1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
内联块状元素	<img>、<input>	1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、display:inline-block来设置为内联块状元素

补充：

1、display的使用：display:none;表示的是将元素的width和height的值都设为0px;

2、display：block；表示的是显示被display：none后的元素；

3、visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。也即是说它仍具有高度、宽度等属性值。