马进明-20201029

overflow: hidden;                                                          子容器超出父容器的部分隐藏
transform: scale(10);                                                      缩放
transform: skew(45deg);                                                倾斜
transform: translate(300px);                                          平移
transform: matrix(-1-1);                                                扭曲2行3列的三角函数矩阵
padding:100px /*100px 100px 100px;                        上右下左
box-sizing: content-box;                                              盒子实际大小
box-shadow: 0px 0px 50px yellow inset                      盒子阴影
/*border-radius:30px                                                   圆角
小盒子  外边距
margin-top:20px
margin-bottom:20px
margin:20px
大盒子 内边距
margin-top:20px
margin:20px
<div class="bigbox">
    <div class="smallbox">
</div>
</--块级标签 行级标签的转换-->
</--/块级标签当他加了float(浮动) 就有了行级标签不独占一行-->
 <div class="page">
            <div>
                    <div class="left"></div>
                   <div class="right"></div>
           </div >
                  <div class="bottom"></div>
</div>

动画名称
时间
速度
延迟播放
播放次数
动画播放
几种命令不能同时展示,用空格解决几种命令
padding-top: 100px 100px 100px 100px ;上右下左

心得
今天学习盒子模型、块级标签 行级标签的转换、子容器超出父容器的部分隐藏
缩放、倾斜、平移、圆角等,虽然学起来有点吃力,但必须要克服。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1