2023.9.11

    css属性：
            vertical-alight:行块级元素的垂直对齐方式
            top
            middle
            bottom
            【注】对其的元素互相之间都要设置
    
            .box:hover{}鼠标移入自己，改变自己
            .box:hover .box2{}鼠标移入自己，改变子集

    元素类型分类:
        块级元素:
                div p h1 ~ h6 ul ol li dl dt dd
                1.独占一行
                2.能设置宽高
                3.能正常设置内外边距
                4.通常用来搭建页面结构
                5.矩形显示

        行级元素：
                span a i em b strong u
                1.在一行显示
                2.不能设置宽高
                3.不能正常设置垂直方向的内外边距
                4.通常配合css展示视觉效果
                5.非矩形显示，最小单位可能出现矩形
        
        行块级元素：
                img inp select textaree
                1.在一行显示
                2.能设置宽高
                3.能正常设置内外边距

过渡：过渡属性 过渡时间 过渡动画；
        作用：由一种状态到另一种状态的缓慢实现过程
            transition:;
                transition-property:过渡属性;
                all 所有属性
                具体某一个属性
            transition-duration:过渡时间;
             s秒
            transition-delay:延迟时间

            transition-timing-function:过渡时间
                       linear 匀速运动
                       ease 逐渐加速
                       ease-in 加速运动
                       ease-out 减速运动
                       ease-in-out 先加速候减速运动
                       贝塞尔曲线
                       steps(数字) 逐帧动画