今天完成的事情

        重写任务14中的导航栏部分，虽然以前写过，但是经过重写后又了解了一些小技巧。比如，checkcd效果想在固定分辨率内有效果，可以使用媒体查询+input属性选择器 混合使用，这样子在别的分辨率范围，点击是没效果的。

         学习了解animationname相关用法；

在css3中，我们可以通过@keyframes创建关键帧动画效果。我们需要将@keyframes绑定到选择器中，否则不会有效果出现。同时，我们还需定义动画时长和动画名称

语法

@keyframes animationname {keyframes-selector {css-styles;}}

animationname：必需。定义动画的名称。

keyframes-selector  必需。动画时长的百分比。

在css3中，我们以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。其中，0% 是动画的开始时间，100% 动画的结束时间。

animation

animation 属性是一个简写属性，用于设置六个动画属性。

注释：请始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。

duration（持续的时间）

animation: name duration timing-function delay iteration-count direction;

animation-name   规定需要绑定到选择器的 keyframe 名称。

animation-duration   规定完成动画所花费的时间，以秒或毫秒计。

animation-timing-function  规定动画的速度曲线。

animation-delay规定在动画开始之前的延迟。

animation-iteration-count规定动画应该播放的次数。

animation-direction规定是否应该轮流反向播放动画。

明天计划的事情

        深度学习下css制作轮播

遇到的困难

       暂无

收获

        理论知识对于编程来说是死的，还需敲写练习。