7.14复习知识

css的弹性盒:

使用:display:flex;

弹性项目在主轴方向上的对齐方式:

        justify-content:flex-start(默认值)在主轴的起点对齐;center:主轴的中心对齐;

                                  flex-end在主轴的终点对齐;space-between:两端分散对齐;

                                  space-around:弹性项目在主轴平均分散对齐;

弹性项目在叫交叉轴方向上的对齐方式:

        align-items:flex-start在叫交叉轴的起点对齐;center:叫交叉轴的中心对齐;

        flex-end:交叉轴的终点对齐; stretch:(默认值)拉伸对齐;

设置弹性容器的主轴方向:flex-direction取值:

        row(默认值)主轴方向为水平方向左侧为起点;

        row-reverse主轴方向为水平方向右侧为起点;

        column:主轴方向为垂直方向,上端为起点;

        column-reverse:主轴方向为垂直方向,底部为起点;

css的定位:(“父相子绝” 父元素采用相对定位,子元素采用绝对定位。)

        绝对定位:position:absoulte;

        相对定位:position:relative;

        固定对定位:position:fixed。

手形鼠标:cursor:pointer;

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值