css元素类型分类：块元素，行内元素，行内块元素 。display元素类型转换，display隐藏和显示

元素类型分类：

块元素：block        

       eg ：div、h1-h6、p、ul、ol、li、dl、dt、dd、form、hr、fieldset、table、tr、td

        1.可以直接定义宽⾼

        2.独占⼀⾏，⾃上⽽下纵向排列

        3.在⻚⾯中⼀般作为容器来使⽤

⾏内（内联）元素：inline

        eg：a、span、b、strong、i、em、u、sub、sup

        1.设置宽⾼⽆效，宽⾼由内容区撑开的。

        2.在⼀⾏内排开显示

        3.⽀持盒⼦模型规则，但是上下的内外间距有可能加不上

⾏内块元素：inline-block

        eg：a、span、b、strong、i、em、u、sub、sup

        1.同时具备了⾏内和块元素的特点

        2.设置宽⾼有效

        3.⼀⾏排列显示

        4.⾏内块元素默认会⾃带3-5px的间距

元素类型转换：

元素类型之间是可以进⾏相互转换的。通过display属性来控制进⾏元素类型的转换

display的值：block / inline / inline-block

block:转为块元素

inline：转为内联

inline-block:转为⾏内块

flex：转成弹性盒⼦

list-item====让元素显示成列表元素（块元素，了解）

table========让元素显示成表格元素(块元素，了解)

table-row-group===让元素显示成表格的分组标签(块元素，了解)

table-row====让元素显示成表格⾏(块元素，了解)

table-cell===让元素显示成表格列（单元格，了解）

元素的显示和隐藏：

隐藏：display：none;

显示：只要display值不为none即可。

⼀般情况下都习惯性⽤block来做显示，如果block显示出来布局有影响的话再改成别的。

注意点： 通过display:none;这种⽅式做隐藏，元素是不占据位置的，后⾯的元素会向前补⻬。