马进明-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 ;上右下左
心得
今天学习盒子模型、块级标签 行级标签的转换、子容器超出父容器的部分隐藏
缩放、倾斜、平移、圆角等,虽然学起来有点吃力,但必须要克服。
近期评论