元素分类的类型：行内元素，块级元素，行内块元素
1。块级元素：div，ul/ol，li，p，h
-块级元素可以直接设置宽高大小
-块级元素默认从上到下排列，独占一行
-作用：通常是用来嵌套行内元素或者元素类型的标签做页面布局的（div可以嵌套一切）
2。行内元素：span，a，i，em，b，string
-行内元素无法直接设置宽高大小
-行内元素默认在一行逐个显示
-行内元素的宽高由内容决定
-常见的BUG：行内元素设置margin-top/bottom是没有效果的
3。行内块元素：拥有块和行内的共同特点：input/img
-输入框可以设置宽高大小 -----块级元素
-输入框在一行内逐个显示 -----行内元素
-所有行内块元素都是以基线对齐的 vertical-align：top/bottom/middle
元素类型的转换
属性：display
属性值
block 块 将其他类型的元素类型转化为块级元素
inline 行内 将其他类型的元素转化为行内元素
inline-block 行内块元素 将其他类型的元素转化为行内块元素 （float也可以把元素转化为行内块元素）
list-item 列表项目 将其他类型的元素转化为列表属性
none 无，没有 删除html结构/隐藏
list-style：none 清除列表默认样式
text-decoration 清除默认的下划线样式
background：none 清除背景
border：none 清除边框
clear：none 清除浮动
拓展：block和none也也可以实现 block和none（显示和隐藏）
