Css元素类型的分类、特点

css元素类型的分类

　　css元素主要分为块状元素、内联元素（行内元素）和可变元素。

元素类型的特点：

　　1.块状元素：（div/di-dt-dd/form/h1-h6/hr/ol/p/ul/li/fieldest/colgroup-col/table-tr-td）

　　　　1）在页面中以矩形区域显示。

　　　　2）自上而下排列，独占一行。

　　　　3）可以直接添加宽高。

　　　　4）一般情况下，作为其他元素或内容的容器。

　　2.内联元素：(a/b/br/i/em/img/input/label/span/strong/sub/sup/textarea/u/select
　　　　1）在页面中最小单位也是矩形。

　　　　2）在一行内逐个排列。（横排显示）

　　　　3）不可以直接添加宽高，大小由内容撑开。

　　　　4）内联元素符合盒模型规则，但是个别属性会出现问题（如padding-top/bottom和margin-top/bottom）

　　　　5)内联元素在一行内排列时有间距。

　　　　　　消除方法：

　　　　　　　　a.添加浮动

　　　　　　　　b.把所有的内联元素都放在一行不用回车（不推荐）

　　3.内联元素中特殊的一个：行内块元素（内联块元素）(input/image)

　　　　特点：

　　　　　　1.可以设置宽高

　　　　　　2.在一行内逐个显示，默认情况下有间距

　　　　　　3.只有当前元素的display值为inline-block时能支持vertical-align属性。

　　　　　　　　vertiacal-align:;

　　　　　　　　　　top

　　　　　　　　　　botton

　　　　　　　　　　middle

　　　　　　　　　　baseline

　　　　注：img标签

　　　　　　img当做行内块使用，特殊的存在：拥有行内块的特点。

　　　　　　浏览器默认解析的display值为inline。