前端小白--Css元素类型

一、css元素类型分类

（一）块状元素

（二）行内元素（内联元素）、行内块元素

（三）可变元素

二、元素的特点

（一）块状元素：页面中以矩形显示；自上而下排列，独占一行；可以直接添加宽高；一般情况下做其他元素内容的容器。常见的块状元素有:div/dl-dt-dd/form/h1-h6/hr/ol/p/ul-li/fieldset/colgroup-col/table-tr-td.

（二）1.内联元素：在页面中的最小单位也是矩形；在一行内逐个排列；不可直接加宽高，大小由内容撑开；也符合盒模型的规则，但是个别属性会出问题，如margin-top/bottom、padding-top/bottom;在一行内逐个排列时之间有间距（解决方法：加浮动/把所有内联元素放在一行，不用回车），常见的内联元素有：a/b/br/i/em/img/input/label/span/strong/sub/sup/textarea/u/select.

     2.行内块元素

　　特点：可设宽高；在一行内逐个显示；默认情况下有间距（加浮动清除）；当前元素的display的值为inline-block时，能支持vertical-align（垂直对齐）

　　大部分内联元素默认的display值为inline,input的值为：inline-block,img的值默认为inline,但是当做inline-block使用。

（三）可变元素

　　根据上下文的显示，来确定这个元素是块状元素还是内联，如<button></button>。