HTML+CSS学习笔记3

 边距塌陷(例: 上下的外边距被重叠)   

    解释: 二个容器是兄弟关系,则取margin最大的, 是父子关系则二个margin值相加

• 在父类和孩子元素之间产生

       解决办法：
        给父类元素设置border
        给父类元素设置padding
        给父类元素设置overflow：hidden

• 在兄弟元素之间产生

        产生情况：
        1.兄弟之间间距如果为正数，取最大值作为两者的间距
        2.兄弟之间间距如果为负数，取绝对值最大值作为两者的间距
        3.兄弟之间间距如果为一正一负，取两者的间距累加和计算
       解决方法：
        给元素设置一个父类，并且父类设置overflow：hidden
                overflow超出盒子内容如何显示
                visible不剪切也不添加滚动条(默认值)  hidden超出隐藏  auto超出显示滚动条  scroll总是显示滚动条
                方向：overflow-x,overflow-y  与 hidden 结合 进行验证。

网页主要由三部分组成：

结构（Structure）        html 4,5  -->素材,内容(图片,文字) <<==html控制
表现（Presentation）        css 2,3   -->美化, 布局
行为（Behavior）        javascript, es6 -->智能交互

    盒模型
    标准盒模型:填充+内边距+外边距+边框 
    IE盒模型(怪异盒模型):填充+外边距+边框