一、今天完成的事情

1.了解常见布局：

①多列布局：定宽、不定宽、自适应；

②多列等分布局；

③九宫格布局；

④全屏布局；

⑤响应式布局；

⑥媒体查询功能（为不同的媒体类型设定专有的样式表）。

2.学习使用cs标尺工具，设置参考线；

3.写header、导航栏和轮播图；

二、明天计划的事情

完成页面首页和部分页面职业推荐。

三、遇到的问题

暂无

四、收获

1.了解bootstrap响应式实用工具，实现内容对设备显示和隐藏的帮助器类

(ref:https://blog.csdn.net/sloafer/article/details/78063591);

2.使用响应式显示类显示和隐藏设备中的元素(ref:http://www.php.cn/manual/view/34132.html);

3.bootstrap4网格系统：boostrap3使用浮动，而bootstrap4使用flexbox，自动设置无指定宽度网格列为等宽与等高列

(ref:https://www.runoob.com/bootstrap4/bootstrap4-grid-basic.html);

4.div span{...}和div>span{...}的区别：前者div内所有后代元素都会应用样式，后者只有子代元素应用；

5.navbar属性(ref:https://www.cnblogs.com/jipinglong/p/9032640.html);

6.bootstrap .nav和.navbar导航栏(ref:https://blog.csdn.net/u011085217/article/details/79416294);

7.bootstrap轮播插件(ref:https://www.runoob.com/bootstrap4/bootstrap4-carousel.html);

ps.一开始查看官网首页html看不明白，无从下手，漏写了日报，实属愧疚。通过查阅师兄们的日报和评论，学习任务8应

该从哪方面切入。今天补充了一些bootstrap的基础知识，做完导航栏，进一步理解媒体查询。对首页下半部分的布局和主

要应用样式心里稍有把握，希望能抓紧时间，趁热打铁。