行内元素、块元素及行内块元素

1、行内元素（inline element）特点：
（1）可以和其他元素在一行显示，不自动换行。
（2）不可以设置宽高。
（3）margin左右方向有效，上下无效。
（4）padding上下左右方向都有效，但是上下方向不影响布局。
行内元素转换为块元素： display: block;
常见的行内元素：

属性	描述
a	锚点
b	粗体
big	大字体
br	换行
em	强调
i	斜体
small	小字体
span	常用内联容器，定义内容区块
strong	强调

2、块级元素特点（block element）：
（1）可以自动换行，多个块元素标签写在一起，默认自上而下排列。
（2）可以设置宽高。
（3）margin，padding设置均有效。
行内元素转换为行内块元素： display:inline-block；
常见的块元素：

属性	描述
div	常用的块级容器
dir	目录列表
dl	定义列表
form	交互表单
h1-h6	标题
hr	水平分割线
ol	排列列表
ul	非排列列表
p	段落
table	表格

注：只有文字才能形成段落和标题，所以 p 和 h中不能放块级元素
3、行内块元素特点（inline-block element）：
（1）和相邻的行内元素在一行，但之间会有缝隙，一行可以显示多个。
（2）默认宽度是本身内容的宽度，可以设置宽高。
（3）可以设置margin和padding。
行内块元素有：img、input、td等。