今天完成的事情：

一.复习html标签：

  1.粗读《深入理解html5:语义吧，标准与样式》

  2.再复习一遍翁恺老师的html5入门，对其中的重要的几个标签做好认真的笔记，并且上网搜索关于语义化的一些历史

  3.上网寻找资料，了解table布局和div－css布局的一些区别

二.复习CSS标签以及盒子模型：

 1.粗读《CSS权威指南》，将此书的大概浏览，并做好读书笔记

 2.按照http://www.imooc.com/learn/9上的流程仔细的复习css格式化排版＋css盒子模型＋css布局模型

这三章

 3.阅读《web设计标准》并且上网搜索css书写的代码规范以及格式要求

三.对当前任务拆解为各个步骤，并且今天开始对9宫格的页面部分开始着手完成。

遇到的问题以及分析：

看到这个任务的第一眼我是有点懵的，虽说我是有点基础的，但是看到上来就直接让我们配置nginx，我

就知道我没有来错地方。看到现在前端大部分的入门教程是只字不提后端的一些内容的。

任务详情给的是这样的：

下载九宫格图片。

编写九宫格的页面。

配置Nginx，可以直接访问。

再结合技能树

任务1 ：

html基本概念

css基本概念

盒子模型

display

nginx简单配置

支持手机

学会F12调试

大概能够猜出来，并不是直接一个<img>标签把下载好的图片扔进去就可以解决的，任务步骤的的下载九

宫格图片很可能只是让你参考一下，否则技能表里面的盒子模型是要来干嘛的。

初步分析下来，是要用html＋css自己写出九宫格。

然后再看任务技能树里面的支持手机，看到这一步，我觉得这应该是这个任务里面仅次于nginx配置的一

个小难点，这应该需要，让整个页面是动态变化的，也就是既能够适应大尺寸页面，也能够适应手机屏

幕那么小尺寸。

这里应该是需要我上网寻找一些，页面自己动态适应的案例。

由于nginx并没有配置过，这个东西的分析，我决定等我今天将页面部分完善结束，明天再来考虑。

进度：

任务是很快就完成了，用了float＋clear的布局，可是它背后的深入的原理以及机理，看了不少资料还是有点晕晕的，之后又发现了其实用inline-block布局好像也是可以的，于是准备去试试看。下午好大一段时间用来写acm的作业和微积分的作业，晚上吃顿饭休息一下再开始，研究浮动布局的基本原理，以及inline-block怎么来实现9宫格。