css的元素类型

css的标签分类：
1.块状元素：特点：在页面以矩形区域显示，之上而下排行，独占一行。
可以直接添加宽高，可以作为其他元素的内容的容器。
（div ul li p h1-h6 dl form）
2.内联元素（内联块元素）： 特点：在页面中有内容来撑开，一行内逐个排列，
不可以直接添加宽高，个别属性会出现问题（padding-top,bottom）（margin-top，bottom）
(a b i em strong img span label sub sup)
3.可变元素：内联块元素（input.）
元素的类型转换：
display属性，作用：检索或设置元素的转换生产的盒模型类型。
display:block:将元素转为块元素。
display:inline:将元素转为内联元素
display:inline-block，内联块
display：none，将当前元素隐藏，不占空间。
inline-block ( 行内块元素 )

设置一个元素在一个容器中垂直居中，必须更改默认的display属性值为inline-block;并加上同级元,
样式设置为vertical-align:middle;width:0;height:100%;display:inline-block;）
三个条件：
1：必须给容器（父元素）加上text-align:center;
2:必须给当前元素转成行内块元素（display:inline-block;）再给当前元素加上vertical-align:middle;
3：在当前元素的后面（没有回车）加上同级元素span;并对span进行:
vertical- align:middle;width:0;height:100%;display:inline-block
置换元素与非置换元素
置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
置换元素在其显示中生成了框，这也就是有的内联元素（img,input）能够设置宽高的原因
不可替换元素（非置换元素）：html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。