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

1，完成了首页主体部分的编写。

之前对于bootstap栅格系统不是很理解，所以学的有点烦躁划水了几天，但是在用bootstrap栅格写出来后，在网页上看到的效果很清晰了，最近的进度很慢想快点写完，但实际情况是写的很慢，最近几天才算是对bootstrap栅格的运用有点头绪，理解起来写出来是很快的。之前不理解所以有点怕麻烦，但是实际写出来后也感觉还好，不知道当初自己怎么那么钻牛角尖，是呀，这才是css的任务8.9，进入js那不是得被吓死，感觉我的心态还是需要调整。

   昨天师兄也跟我说了任务8.9除了bootstrap栅格系统和媒体查询的运用，基本上没有其他新的知识点了，只要是理解了这两个知识点，其实任务8.9写起来也还好，也是对前面知识点的灵活运用，之前只是写一个简单的页面，现在是写网站的页面，光内容上还是增加了不少。还以为昨天能完成首页的编写，有点太高估自己了，囧。。

2,学习新的知识：

怎么用css样式让字体加粗：

font-weight： normal : 正常的字体/ bold : 粗体/ bolder : 特粗体/ lighter : 细体

   之前用的都是html文件中让字体加粗，但是后面师兄说最好不要用，用css来写更方便更好用，就去百度下资料，需要的效果样式都是可以写出来的。

明天计划的事情：（一定要写非常细致的内容）

最近的状态不是很稳定，有些杂念难以集中，学习效率感觉越来越低，今天身体也有点不舒服，请假一天，让自己好好想想来到这里的初衷调整下状态继续再战。

 
遇到的问题：（遇到什么困难，怎么解决的） 

1、我用了text-align：center水平居中，但是img没有水平居中，为什么给设了display：inline-block，img就可以居中。

如图：

后面这个是什么?

2、

图片不居中，因为背景图片宽高不一致，所以才会出现不在同一排，显得div内容不对齐，如图：

原因：背景图size大小不一致，所以影响整个div的宽高，这里可以把背景图片的宽高设置一样的px值就可以解决。

还有下面文字也没有对齐，也可以直接给文字的类名设一个padding值，用padding来固定文字的宽高。

如图：

修改后就会出现背景图片不居中，如下图：

这个时候师兄教了我一招，给background-image设置50%，让y轴和x轴的内容达到居中。

收获：（通过今天的学习，学到了什么知识）

用手机写得日报，图片也不知道复制上去没有，也不知道写了多少，之前写了一遍刷新后都不见了，又写一遍。。还有一些问题昨天没有记录在笔记里，下次日报上一起补上。