今天完成的事情：本人完全IT零基础，因为对IT感兴趣，今年1月4号开始学习IT，之前4天看了一遍W3school上html和CSS的教程，今天学习了选择器，CSS定位，CSS导航栏，CSS图片库，CSS3的2D转换，CSS3过渡，CSS3文本效果，并完成了CSS任务1。

明天计划的事情：计划尝试任务2，如果顺利，按顺序继续完成任务。

遇到的问题：因为想实现9宫格随着浏览器宽度改变，尝试把父元素div.container和子元素div.orange里的width和height设置为百分比，可是生成出来的结果并没有高度。通过百度查询了解到，用100%设置高度，该div的height是从父元素的高度继承来的，因此必须保证父元素有设置高度，而浏览器默认解释为内容的高度，而不是100%。解决方法：只要为body和html设置高度为100%就可以了。这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么效果。

 解决完高度显示问题后，却不能保证九宫格在变动时的宽和高相等。这是因为用百分比设置宽和高，它们分别继承父元素的宽和高，所以无法保证相等。

后来学习到可以用可视宽度和可视高度来设置，只要把九宫格的宽和高设置相同的值（比如30vw）,问题迎刃而解。

最后一个问题是，在浏览器宽度变到一定小的宽度时，同一行中最右边的格子会换行。我微调了父元素的宽度，保证无论如何变动，3个格子都在同一行。

收货：今天最大的收货是初步学会了如何设置自适应，并重点理解了选择器的概念和relative,absolute，float的用法，并完成了CSS任务1。