元素分类：

在CSS中，html中的标签元素大体被分为三种不同的类型：

1. 块状元素
2. 内联元素(又叫行内元素)
3. 内联块状元素

一、常用的块状元素有：

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>    、<form>

块状元素特点：

1. 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2. 元素的高度、宽度、行高以及顶和底边距都可设置。
3. 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

内联元素可以设置display:block将元素显示为块级元素。
a{display:block;}，就是让a元素具有块状元素的特点

块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和div这两个。
说的简单点，块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页面上任何地方。默认情况下块元素，是独占一行的。

二、常用的内联元素有：

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

内联元素(inline element)也叫内嵌元素或行内元素，一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素有a和span。

内联元素特点：

1. 和其他元素都在一行上；
2. 元素的高度、宽度及顶部和底部边距不可设置；
3. 元素的宽度就是它包含的文字或图片的宽度，不可改变。

<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。
块状元素也可以通过代码display:inline将元素设置为内联元素。

三、常用的内联块状元素有：

<img>、<input>

inline-block 元素特点：

1. 和其他元素都在一行上；
2. 元素的高度、宽度、行高以及顶和底边距都可设置。

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码

display:inline-block

就是将元素设置为内联块状元素。

四、块元素与内联元素的区别？（默认情况下）

1. 块元素，总是在新行上开始；内联元素，和其他元素都在一行上。
2. 块元素，能容纳其他块元素或内联元素；内联元素，只能容纳文本或者其他内联元素。
3. 块元素中高度，行高以及顶和底边距都可控制；内联元素中高，行高及顶和底边距不可改变。