发表于： 2018-04-29 18:03:53
1 353
今天完成的事情：
1、完成任务十四
2、学习了基本的轮播图
3、晚上抽时间自己在任务主页再写一个轮播图
明天计划的事情：
1、学习js相关知识
遇到的问题：
1、图标与字体不对齐
给圆形设置了相对定位，上移
2、职业技能之切图
五张图的大小不一样，用ps做了同样的大小，以及图片的位移，减小代码量
收获：
1、轮播图
知识点剖析
width表示轮播图总容器大小
overflow，hidden表示清除浮动
做的样式轮播四张图片，上图中width表示，四张图片宽度总和，400%
animation属性是css动画效果，最大为10d
ease属性值默认。动画以低速开始，然后加快，在结束前变慢，infinite表示无限循环，也就是轮播图片属性
width表示想要显示总的轮播的的部分，四张，显示一页就是25%，并且隐藏溢出，overflow，hidden，设置浮动
设置 图片属性relative左偏100%，显示整个图片
轮播尺度
<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
返回列表
评论