day-4 ~day-8实例中遇到的问题及解决问题

外边距合并/塌陷问题
        1.父子级
            1.添加一个边框
            2.给父元素或者子元素添加一个浮动元素
            3.给父元素或者子元素添加position:absolute属性
            4.给父级元素添加overflow:hidden属性
            5.给父子级添加display:inline-block
            6.将本应该设置给子元素的外边距设置给子元素的内边距

        2.兄弟级
            将本应该设置给两个元素的外边距设置给一个元素           
            合并规则：
                1.两个外边距的数值均为正数时，取较大的一个
                2.两个外边距的数值均为负数时，取较小的一个
                3.两个外边距一正一负时，直接相加

 文字重合问题

           设置z-index属性，z-index用于设置元素堆叠顺序，数值越大，元素越靠上，元素必须具有定位属性

在设置z-index之前可以先尝试改变背景色.

如何让元素在父元素中水平居中

    行内元素
                        text-align:center;   line-height:height;
           块级元素
                        1.给父元素是指display:flex属性
                            并且设置
                            align-item:center；
                            justify-content:center；
                        2.给父元素一个定位属性，子元素使用绝对定位
                            使用配合属性
                                left: 50%;
                                top: 50%;
                                margin-top: -50px;
                                margin-left: -50px;
                        3.给父元素一个定位属性，给子元素一个绝对定位，给子元素所有的额配合属性设为0px
                            并且给子元素设置margin:0 auto;
                        4.给父元素添加display:fle属性
                            给子元素margin:auto

使用字体图标库

           使用iconfont尽量不要多次下载多次引入，一些字体图标的class是相同的，下载在一个文件会自动改class,

多次引入容易出现使用的字体图标不是自己想要的。