4.19

【学习进度】

官网大体已经做完，还有一些细节需要调整

【重要知识点】

①轮播图片的做法：

          A.        animation: 32s donghua infinite;              自动播放32秒的动画

          B.       @keyframes donghua{                             0-18%（32s）播放第一张图    

                     0%{transform: translateX(0px)}               18-20%（32s）第一张图转换成第二张图的过程

                     18%{transform: translateX(0px)}

                     20%{transform: translateX(-1350px)}

                     38%{transform: translateX(-1350px)}

                     40%{transform: translateX(-2700px)}

                     58%{transform: translateX(-2700px)}

                     60%{transform: translateX(-4050px)}

                     78%{transform: translateX(-4050px)}

                     80%{transform: translateX(-5400px)}

                     100%{transform: translateX(-5400px)}}

②要是某个div宽度设置为100%

其两个子块无法排列在同一行

------------------->改为width：某px