今天完成的事情：  1、学习查看了资料html以及css概念

           html的理解：html是一种超文本标记语言，超文本指图片，链接，程序等非文字元素超文本标记语言的结构包括“头”部分（head）、和“主体”部分（bady），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。  

          css的理解：css是一种层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)

等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有

对网页对象和模型样式编辑的能力。理解了一些常用的标签，尝试了添加一些css样式和运用选择器将想要添加的标签 添加到css样式中进行修饰。

      2、学习了css盒子模型概念和浮动详解，盒子包括元素内容（content），内边距（padding）填充，边框（border）盒子的边框，外边距（margin)简单理解盒子与盒子之间的距离，其中外边距和内边距都有四个方向值top（上）right（右）bottom（下）left（左）。

<div>标签的含义：在HTML中<div>标签是用来划分html结构，从而配合css来整体控制某一块的样式。<div>也可以称作一个容器，里面可以装下很多元素。

偏码实战应用了css样式修饰了格子的宽高度和格子与格子的外边距还有颜色等进行了调试，百度了chrome开发者工具使用方法进行了页面调试，进一步修改了样式使九宫格大小可以随屏幕改变，初步体验了自适应。

浮动（float）：我们可以通过浮动来灵活的定位页面元素，以达到布局网页的目的。例如我们可以通过设置float属性让元素向左右浮动，以便让周围的元素文本环绕这个元素。标准流文档指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列，这也是元素默认的排列方式，而浮动就是使元素脱离标准流。

      3、根据教程使用了nginx配置 通过手机上访问网页 ，手机访问网页要和电脑在同一个无线网。

明天计划的事情：进行下一步学习，把不足之处学好

收获：通过了今天的学习知道了html和css样式的使用方法和标签的运用，了解盒子模型组成部分基础知识和一些标签的使用方法。对于盒子模型还需要加强学习