马海平-20201029
课堂笔记:
box-sizing: content-box;/*盒子实际大小*/
box-shadow: 0px 0px 50px yellow inset;/*盒子阴影*/
border-radius: 30px;/*圆角*/
transform: rotate(360deg);/*旋转*/
transform: scale(1.5); /*缩放*/
transform: skew(45deg);/*倾斜*/
transform: translate(300px); /*平移*/
margin:0 auto;水平居中
transform: matrix();/*扭曲2行3列的三角函数矩阵*/
overflow: hidden;/*子容器超出父容器的部分隐藏*/
transition: all 10s ease-in 2s;/*过渡*/
transform:rotate(180deg)表示动画旋转--默认绕Z轴旋转
transition: ease (匀速) 3s(动画延迟播放);
盒子模型: border-width边框宽 border-color边框颜色
border-style边框样式
box-sizing:content-box不含边框大小 border-box包含边框大小
box-shadw:1px(水平阴影)1px(垂直阴影)2px inset(边框内阴影)
border-radius:50%;边框圆角
border-top-left-radius:100px;左上角边框圆角
transform:rotate(45deg) scale(1.2) 多个动画同时播放
background; url(图片的路径)animation: change(动画名称)3s(动画时间) ease(动画轨迹) 1s(动画延迟时间)forwards infinite/*(循环播放);running(动画播放)
1.块级标签加float(浮动)就有了行级标签不独占一行的特性。
特别注意:使用float时,一定外面加个容器包起来
心得体会:今天老师给我们讲述了很多知识让我有些措手不及,今天讲述的好多常用语句让我觉得想要学好一门语言必须刻苦努力加强记忆,时时刻刻
都得加强练习,但今天老师的讲述对于我来说有点快,希望老师还是稍微慢一点吧。
近期评论