发表于： 2016-02-25 12:25:00
1 1826
今天完成的事情：
任务七第一个页面
明天计划的事情：
任务七和部分任务八的任务
遇到的问题：
绝对定位；多种定位方式的混合使用；纯CSS制作轮播图；CSS制作空心圆；css3的~选择器；box-shadow阴影制作；
收获：
1.我想说 真的爱死w3cschool，经常于“患难”中拯救我，每每在困惑中不能解决的时候，去翻看某个概念的定义用法总能有特别的收获，今天在做主页排版的footer部分的时候，总是觉得absolue的定位是针对页面窗口的而不是容器的bottom，我无法解决，结果w3c的一个注释解决了我的疑问
“注释：根据用户代理的不同，最初的包含块可能是画布或 HTML 元素。”
于是我果断给最外层div加了个relative 解决！
（当然我最爱的还是老大和修真院。。。= = ！ 表忠心）
2.CSS的轮播图，网上找了个特别牛的，是用浏览器自定义动画来实现的，研究了一下感觉还不错，一会儿试一下
3.CSS3的空心圆其实不是很难，只是思路没想到 0 。 0
4.css3的选择器~ 兄弟选择符 E~F 选择E元素后所有兄弟元素F
5.box-shadow 给块元素增加阴影效果，效果比我想象的要细致，可以跟PS的阴影效果媲美。
box-shadow: h-shadow v-shadow blur spread color inset;
| 值 | 描述 | 测试 |
|---|---|---|
| h-shadow | 必需。水平阴影的位置。允许负值。 | 测试 |
| v-shadow | 必需。垂直阴影的位置。允许负值。 | 测试 |
| blur | 可选。模糊距离。 | 测试 |
| spread | 可选。阴影的尺寸。 | 测试 |
| color | 可选。阴影的颜色。请参阅 CSS 颜色值。 | 测试 |
| inset | 可选。将外部阴影 (outset) 改为内部阴影。 | 测试 |
任务七还没完全做完，链接明天再上吧。。。
返回列表
评论