今天完成的事情：今天在没使用bootsyrap的情况下勉强完成了任务6；做完看任务要求又重新看了一遍自己的代码；去学 Bootstrap ；

 明天完成的事情：明天可以的话完成任务7;主要还是学习 Bootstrap ；感觉这东西挺重要的之前学的都是在零散的有了 Bootstrap ；应该就要跟这个关联起来；并且以 Bootstrap 为主；

遇到的困难；写到底部的时候总感觉不对；把div固定定位在底部之后设3个div放按钮发现3个div之间的距离调整的特别困难；师兄让我在重新看看flex；然后教我flex的等位居中；被师兄吐槽了命名习惯；把样式改变放在html里没设名字；偷了点懒被师兄教育了；不设名字修改起来很难受；别人看不懂；

今天写完任务6之后提交完；又感觉哪里不是很对接着改；最后有一个下拉框不知道怎么把下拉框的右侧三角变形；百度完基本都是遮掉；在加上一个div；试完觉得效果不是很好

这个是图片；

写完任务6看一下不知道雪碧图用在哪？然后发现任务要求要用Bootstrap；只能重新来。

 收获：

<button>确定了type=button之后可用做按钮；

下拉框可以用

<sekect>实现 注意用selected=selected使option；最先显示不设置的话；就放在第一个option里；

justify-content: space-around;这个是flex里的使容器内的div或者图像之间（包括图像到2边）的距离相等；

@media screen and (max-width: 2560px) {html {font-size: 28x;}}这个是在师兄给我说媒体查询的时候说的；

意思是当媒体宽度为多少时整个html里的字体随之变化；

作用于rem的随设备页面大小，改变可以改成；

@media screen and (max-width: 2560px) {某个div{font-size: 28x;}}

@media screen and (max-width: 2560px) {html {某种属性（比如自己也想不到大概就是这样）： 28x;}}

对flex更熟悉作用了；默认横向；可以改成竖向排列。以及一些对容器内空间的运用；

写任务6就这么多

还有Bootstrap里的

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这个用于让页面不缩放主要是怕分辨率不够；

看完感觉没啥特别的地方就那个网格系统比较有意思；