前端学习打卡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

                

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值