1.行内元素
也叫内联元素
特点：
- 多个行内元素呈现效果会排在一行，不会自动换行
- 直接设置width、height属性无效（可以设置line-height指定高度，宽度岁内容变化）
- 默认宽度就是它本身内容的宽度
- 行内元素只能容纳文本或其他行内元素
常见行内元素：
<a>,<span>,<label>,<em>,<i>
注意：
- 链接里面不能再放链接
- 特殊情况a标签里面可以放块级元素，最好给a转换一下块级模式
2.块级元素
特点：
- 独占一行
- 可以设置width、height
- 宽度默认值为100%
- 是一个容器及盒子，里面可以放行内或者块级元素
常见块级元素：
<div>,<p>,<h1>~<h6>,<ul>,<ol>,<dl>,<table>
注意：
- 只有文字才能组成段落，因此p标签里面不能放块级元素，特别是不能放div
- 同理还有h1～h6标签，它们都是文字类块级标签，里面不能放弃他块级元素
3.行内块元素
特点：
- 元素排在一行，中间会有空白缝隙
- 可以设置width、height、margin、padding
- 默认宽度随内容变化
常见元素：
<button>,<input>,<img>,<select>,<textarea>
