发表于： 2018-06-01 20:43:45
1 499
今天完成的事情：
基本写完了任务8的第一个页面（完成度90%），在wiki里完成之前的任务总结，听了一下老大的直播
明天计划的事情:
开始学习bootstrap里面的轮播图，完成任务8里面轮播图的部分，再学习一下CSS3的动画
遇到的问题：
页面1里面有一个友情链接里有5个图标需要将一行5等分，此时bootstrap的12栅格系统不能派上用场。
- 解法1：
- 自己手写一个类栅格系统，将一列分为5的整数倍
- 解法2：
- 采用弹性布局。
display:flex;
justify-content:spacing-between;
收获：
学会了等分布局的常用写法
学习了新的CSS属性box-shadow
| 值 | 描述 | 测试 |
|---|---|---|
| h-shadow | 必需。水平阴影的位置。允许负值。 | 测试 |
| v-shadow | 必需。垂直阴影的位置。允许负值。 | 测试 |
| blur | 可选。模糊距离。 | 测试 |
| spread | 可选。阴影的尺寸。 | 测试 |
| color | 可选。阴影的颜色。请参阅 CSS 颜色值。 | 测试 |
| inset | 可选。将外部阴影 (outset) 改为内部阴影。 | 测试 |
返回列表
评论