今天完成的事情：

1、下载安装了SUBLIME。

2、学习了HTML的各类标签，在简单了解各个标签功能的同时，明白了许多标签后打了个【废弃】的字样，是因为那些标签干涉了CSS的作用。

3、学习标签的过程中看到Sublime有Emmet插件，尝试安装了它，通过搜索了解到Emmet是提升前端开发效率的工具，不过考虑到现在知识浅薄，没有做深入了解。

3、新建了一个以.html后缀结尾的文件，补全了文档类型，添加了一些标签，并添加了一些CSS样式。

在学习CSS的选择器的时候，觉得类选择器非常符合自己的胃口，所以在尝试中都用了类选择器，并且从文章中了解到，通常class属性给CSS，id给JS。

4、为html标签添加样式，使其成为黄色正方形

可能是看了太多标签，初始的时候并没有反应过来具体应该怎么构造一个正方形，因此借万能百度搜索了一下代码，才反应过来把div这个盒子本身添加样式作为正方形即可，惭愧了。

自己的代码和实际效果：

如何变成圆角的代码也是百度所得，另外本来直接用了yellow，后来发现颜色差很多，遂用取色器取了个色号改了。

在生成小方块的时候，不愿意照着百度照抄，所以扫了一眼感觉理解了之后就开始自己码，第一遍的时候颜色定义里用的是 color 而不是 background-color ，然后没有显示，返回来跟百度比对才发现是这个问题，搜索了一下得知color是字体颜色，需要用设定背景颜色。

5、继续添加样式，以float浮动的方式布局，使其组合为九宫格。

这一步稍微思考了一下，又去重新看了一遍float的介绍，最后决定添加一个大的盒子，把这九个小方格装进去，利用float的特性自动排列成九宫格。

因为原来css样式是直接定义的div，为了能够区分，重新定义了一个.sq类和一个.box类。

到这一步的时候打开Chrome查看效果发现了一些问题，因为没有定义margin-bottom，生成的九宫格只在左右有间隔，上下连了起来，添加margin-bottom解决。

最后比对了一下任务中的效果图，修改了一下圆角大小和方块间间距，尽量相似。

最终代码和效果：

明天计划的事情：

学习chrome开发者工具的使用，调试页面，完成初步体验自适应的步骤

争取完成对移动设备的适配，能够用手机直接访问网页，最后完成任务一

遇到的问题：

在看标签的时候有一些眼花缭乱，有些乱了心神，感觉记不住，后来索性不去刻意记，需要用的时候再返回去查，有些标签查查就记住了

调试过程中碰到的问题都在上面写了，基本都是靠百度完然后自己琢磨

收获：

对html有了一个初步的认识吧，作为一个理工生，曾经课程中有学到过一些c或者c++的皮毛，也自学过一些计算机相关课程，但都是一些抽象的东西，很少做这样所见即所得的工作，之前做过一个安卓APP软件界面（只有界面）的编写，感觉大体上有些类似，不过还是有些不一样的地方，通过看这些教程资料，也感受到一点css+div的魅力，希望可以再接再厉，把它学好之后再向JS进发

对于学习过程的分析反思

今天的进度有些缓慢，主要是一年多没有接触这一类的东西，重新捡起来的时候还是有点眼花，学一段时间就得休息一下，希望再渐渐习惯之后可以加快效率。