工作日志

工作日志

一、知识总结

1、cursor 属性:是设计鼠标的样式,值有pointer 、 wait 、 help ``、 copy 、 crosshair
2、今天练习到的设计鼠标样式为:cursor:url auto;
3、滚动条样式:::-webkit-scrollbar(宽高),::-webkit-scrollbar-track (轨道)
4、transform:2D或3D转换,常用值有none-不转换 ,translate(x,y)-2D转换移动 ,translate3d(x,y,z)-3D转换,translateX(x)-只变x轴,translateY(y)-只变y轴,translateZ(z)-只变z轴
5、transition:元素过度效果,属性有transition-property-指定CSS属性的name,transition效果,transition-duration-设定效果多长时间完成
7、transition-timing-function:转换的曲线,值有linear-相同速度开始到结束,ease-慢开-快-慢结束,ease-in-慢开,ease-out 慢结束,ease-in-out慢开始慢结束
8、动画:
@keyframes animationName{

from {}
to {}
}

9、animation-name: 名称,选择器里要设置动画的元素的名称
animation-duration :动画多长时间完成
animation-iterationcount播放次数,infinite 无限次
10、浮动:float
11、清除浮动:footer {

clear: both;
}

clear可有三个值:left,right,both
12、定位:静态定位(position: staitc;),相对定位( position:relative;),绝对定位(position:absolute;),固定定位(position:fixed;)

二、心得体会

今天的内容对我来说有些摸索不来,技术有些跟不上,空间思维也不是很好。但也有好的地方,在课程中练习简单的作业时自己可以慢慢做出来,但是课后作业搞了半天也没对,总是缺东西可又不知道缺啥,左改右改就更加乱了,一些属性用法不是很明白,什么情况用哪个属性搞不清。今天大致就这样,明天继续努力吧!

标签

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