今天完成的事情：

1、为html标签<div>添加样式，使其成为黄色正方形，其中需要添加背景属性、float属性、width属性、height属性、为了九个div标签的content属性有间隔，也要添加border属性和margin属性。

2、通过为黄色正方形设定一个具体的px宽度高度后，以float浮动的方式布局，使其组合为九宫格。

3、基本了解了Chrome开发者工具。

明天计划的事情：

1、使用Chrome的开发者工具（F12/Ctrl+shift+I），调试页面。

2、进一步修改样式，使九宫格大小可以随屏幕宽度改变，初步体验自适应。

3、查看学习资料--《viewport——什么是viewport》并使用它对html优化。

遇到的问题：

1、九个正方形方块排成一列，并未组成九宫格。参考了师兄的日报，了解了使用 padding-top 来代替 height 来实现高度与宽度成比例的效果，因为高度的父级元素没有确定的高度，即当padding-top用百分比设置为30%时，父级元素一列只能有3个子级元素（3个加起来达到90%）

2、那么如果不使用百分比可以组成九宫格么？可以的，只要把父级元素body标签和子级元素div标签的width与height设置好，还是可以表现出九宫格。

收获：

1、在添加CSS样式中，通过百度学习了用链接方式引入外部CSS文件，也了解了内敛方式与嵌入方式。

2、参考师兄的日报，并独立思考其他方法达成目标。

3、遇到问题时很头疼，但解决后能感受到CSS的魅力。