1.元素类型
    块级元素：默认独占整行，可以设置宽高等。
    行级元素：内容有多宽就占据多宽，不可以设置宽高和垂直方向的内外边距。
    行内块元素：内容有多宽就占据多宽，可以设置宽高等。img input button
    可变元素：会根据周围元素决定自己的类型。

    1.     非主流分类：<br />                置换元素：浏览器需要通过解析元素的属性和属性值来决定选择什么样的效果。input  img  button<br />                非置换元素：除去置换元素。

    2.元素的嵌套规则
    块级元素里面可以有其他元素，行级元素里面只能有行级元素
    ul、ol里面只能有li，li外面必须有ol/ul。
    p元素里面只能有行级元素
    a元素可以包块级元素

    3.元素类型的转换
    disaply：block 块级元素 | inline 行级元素 | inline-block 行内块元素 | list-item 这是li默认的值 | none 隐藏;

    4.动态伪类选择器
    e:hover 鼠标悬停在元素e身上的时候选中

    5.垂直对齐属性
    vertical-align:top | middle | bottom | baseline基线;
    注意：只有行内块元素可以使用该属性。
    应用场景：
    1.图和文字垂直方向的对齐设置
    2.解决图片3px问题。
    3.表单元素之间垂直对齐的问题