块元素，行内元素，行内块元素及相互转换

块元素常见级特点：

• div  块
• p  段落
• ul li  有序列表
• ol li  无序列表
• dl  dd  dt  自定义列表
• h1  大标题 
• h2  副标题
• h3  3级标题
• h4  4级标题
• h5  5级标题
• h6  6级标题
• table  表格
• menu  菜单
• form  表单

1. 总是独占一行
2. 高度、行高、外边距、内边距都可以设置
3. 可嵌套行内元素和行内块元素（注：p不可包含本身和div和标题标签）

行内元素常见级特点：

• a  链接
• span  块
• strong  强调
• del   删除线
• select  下拉列表
• i  斜体
• em  斜体
• b  加粗
• ins  下划线
• u  下划线

1. 不独占一行，多个标签在一行显示
2. 设置宽高不生效

行内块元素常见级特点：

• input  文本
• img  图片
• textarea  文本框

1. 不独占 一行
2. 可设置宽高
3. 说白了就是拥有上面有个的特性

转换：

1. display：inline   转换成行内元素  一般不用
2. display：block   转换块元素  常用
3. display：inline-block  转换行内块元素  常用

怎样让两个块级元素出现在一行中：

1. 转换

2. 可以设置浮动.

3. 可以利用定位.

转换之后我们就可以设置自己喜欢的样式啦，用行内元素设置宽高不生效的时候一定要记得转换哦