今天完成的事：了解盒子模型，了解了margin和padding的区别。做出了九宫格

        明天计划：把任务一全部做完。开始任务二、

         遇到的问题：外边距一边打一边小。用百分比平均分配。

        css盒子模型，主要有内容(content)、内边距(padding)、边框(border)、外边距(margin)。

css：用来定义如何显示html元素和web页面得外观，分离页面内容和表现形式的。

内容(content)：内容区是盒子模型的中心，它呈现了盒子的主要信息内容，这些内容可以是文本、图片等多种类型。内容区有三个属性，width、height 和overflow。使用width和height属性可以指定盒子内容区的高度和宽度。当内容区信息过多时，可以使用overfiow，他有三个属性，一个是隐藏，一个时可见的，还有一个是可以在内容区以另一页的方式存在。当隐藏时，溢出的内容则会被隐藏，当可见时，溢出的内容会在内容区外呈现，第三种则是会自动生成滚轮，可以上下滑动查看、

内边距(padding)：内容区和边框之间的空间。填充的属性有五种 ，即padding -top、padding -bottom、padding -left、padding-right 以及综合了以上四种方向的快捷填充属性padding。使用这五种属性可以指定内容区信息内容与各方向边框间的距离。设置盒子背景色属性时，内边距可以显示显色，而外边距不能显示。

边框(border):边框是内边距和外边距的分界线，边框的属性有border-style、border-width和border-color 以及综合了以上三类属性的快捷边框属性 border。border-style主要是网页的样式（主要样式有，点、虚线，双线，实线），如果不设置样式，边框将不存在，border-width是指边框的宽度，border-color是指边框的颜色。

外边距（margin）：位于盒子的最外围，是添加在边框外周围的空间。外边距使盒子之间不会紧凑地连接在一起，是CSS 布局的一个重要手段。

 还有在css里的浮动，浮动是可以是元素向左或者向右水平移动。当左右两侧位置不够时可以换下一行继续。

还有就是一些长度的单位：px、em、ex、、%；pt、pc等

今天还用到了边框圆角。（border-radiu)