元素类型与转换

元素类型有三种，块元素、行内元素、行内块元素

块元素，是我们常用的元素类型 display：block

特点：

1）文本内独占一行显示，自上而下排列

2）可以设置元素属性（宽高）margin、padding

3）多用来容器，去嵌套其他文本、行内元素、块元素（dt、p与h1-h6只能嵌套内联元素）

 常见的块元素：div、h1-h6、ul、ol、li 、dl、dd、dt、hr、form、table

---

行内元素 display：inline

特点：

1.不能设置行高

2 .默认从左到右，直到有换行符或者到头了才换行

3.能设置margin、padding，但是有部分元素设置了后不能正常显示

行内元素：a、span、b、strong、i、em、sub、sup。

---

行内块元素

特点可以与其他的行内、行内块元素同行显示

并且还可以设置宽高、行高、边距

---

元素转换 

display:block（块元素）/inline（行内元素）/inline-block（行内块元素）

list-item（列表元素）/none（隐藏。且不占位置）/visibility（隐藏，但是占位置）