今天完成的事情： 

1.完成并提交任务八九

明天计划的事情：

1.学习任务十资料，并完成部分

遇到的问题：

 1. 给背景图上放文字自适应的时候发现，缩小到一定程度后就不缩放了（图中的英文），用ie浏览器可以，谷歌 就不行

    1.1 询问师兄并查找资料后发现是因为谷歌支持的最小的字体就是12px的，解决这个问题可以用transiform的scale但是效果并不理想，所以后来我把这个英文当做图片来添加，完美。

 2. 给图片设置hover的时候阴影效果，发现底下的阴影效果没有出现

       2.1 仔细查看后发现是因为他的阴影效果被底下的图片给覆盖住了，所以并没有出现，后来我给他设置了relative，然后设置z-index：1 ，让他在图片的上层，解决。

收获：

  1. 了解了bfc：

内部的Box会在垂直方向，一个接一个地放置。

Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠

每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。

BFC的区域不会与float box重叠。

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。

计算BFC的高度时，浮动元素也参与计算

2.了解了锚点： 

设置锚点，跳转到本页位置，链接到你定的id/name位置

任务总结：

任务名称：CSS-task8-9

成果链接：https://chenchenchen96.github.io/task/task8/html/task8-1.html

任务耗时：　2019.5.3–5.10（8天）

官网脑图：

我的脑图：

任务总结：

             这一周做这个任务主要学了bootstrap和媒体查询，一开始bootstrap看了将近两天，在做任务的的时候卡在导航栏上两天，主要就是因为当时只用了bootstrap的折叠导航栏，这个牵扯的东西太多，牵一发动全身，所以很麻烦，后来听了师兄的建议，去学习了媒体查询，两者相结合，既简单又方便，之后在第二个图的table表格也卡了一天，是因为table中的td的width的原因，他是按你设置的最大的那个宽度来的，不能说你想直接设置td的宽度，让第一行第一个长50px，第二行第一个长20px,只能用colspan和rowspan合并单元格的方法，至于其他的都比较顺利

1. bootstrap栅格： 主要分为五个类col，col-sm，col-md，col-lg，col-xl  ，每行共12组，按照你设置的分配，可自适应，等宽，不等宽等等、
   
   
2. 折叠导航栏：
3. 轮播图：主要四步骤：1创建轮播样式，设置id     2创建指示符引入id     3轮播图片    4创建按钮引入id 
4. 媒体查询：@media screen and（min/max-width/height：480px）{ }当屏幕小于480px时，里面内容不执行，想要区间可以再加一个and