今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

完成了任务十
明天计划的事情：（一定要写非常细致的内容） 

开始任务十一
遇到的问题：（遇到什么困难，怎么解决的） 

关于SASS的编译问题，路径不对，正在排查原因
收获：（通过今天的学习，学到了什么知识）

官方脑图

我的脑图

这次的任务是根据之前学过的知识来进行新的布局方式

首先的部分我是使用了之前的部分，任务的八和九上面的表头布局

然后右边的效果我使用了HOVER的效果鼠标放上面的话九会出现了白色的部分

下边的部分，还是和上边的导航栏的部分就使用了nav的部分

然后缩放的时候就会变成这样

这一块我设置了黑色的背景颜色

这个一部分我就使用了最基本的盒子嵌套还有居中的部分，把长方形的长度给缩到很小，然后中间的嵌套的部分就是用了圆形的部分，接着使用了

HOVER的部分，颜色设置成为了橘红色，然后媒体查询部分

媒体查询部分我就设置成了页面缩小的时候我就使用了上下的结构部分

d

接着就是下面的部分了

接着我使用了栅格布局的部分，然后

接着我就使用了表单的标签部分，就是有一个部分困扰了我很久

那个就是圆形点的样式不知道怎么去修改，困扰了我很久，然后在师兄的指导下

我就使用了伪元素的部分来做成了

这个部分就是先使用了伪元素+定位的部分来做的，然后使用了把原来的部分给隐藏掉了也就是说

原来的部分还是存在的，但是要使用定位来解决

下边的部分我是用的媒体查询做的上下的结构部分来做的，

还有这个的部分也是一样的，我使用了UL的标签来做的

底下的部分也是使用了一样的部分

这个就是和任务的八九是一样的完成了