工作日志

工作日志

一、知识总结

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;）

二、心得体会

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