前端学习打卡Day3

1.列表属性 list-style-type   list-style-image:url()    list-style-position    list-style:none(常用)   
2.背景属性  background-color   background-image   background-repeat   
                     background-position   background-size：cover/contain/百分比（失真）
                     background-attachment：scroll/fixed   background:(复合写，除size外，颜色默认白色)
3.浮动属性：让竖着的东西横着排列 left/right/none 文字不会被遮住，多行见缝插针
4.清除浮动            
        1）写固定高度
        2）清浮动,加在受影响的div身上 
        3）当前浮动元素后面补一个盒子，不设置宽高，clear：both
        4）overflow：hidden
5.盒子模型
        1）paddiing：，，，内边距设置
                一个值，四个方向都一样
                二个值，上下和左右
                三个值，上、左右和下
                四个值 ，上下左右
        2）border：边框设置
                border标签样式：solid double dashed dotted
                border-top/left/right/bottom/width/style/color
                每个属性可以设置四个值，和padding规则一样
        3）margin：，，，外边距，和padding规则一样，背景色不蔓延，支持负值
                盒子屏幕水平居中，margin：0 auto
                问题一：兄弟关系，两个盒子垂直外边距与水平外边距问题
                                垂直方向上，取外边距最大值
                                水平方向上，取相加后的外边距
                问题二：父子关系，给子加外边距，但作用于父身上了，怎么解决？
                        1)子margin-top===>父padding-top，注意高度计算
                        2)给父盒子设置边框,注意边框高度 
                        3)给父或子盒子加浮动
                        4)给父盒子加overflow:hidden BFC