今天完成的事情：

继续深入的了解盒模型

盒模型的标签元素和内容之间的填充称为padding

盒模型之间的距离称为margin

盒模型的边框：border

盒模型的内填充、外边距和边框都有四个方向，如padding-top/padding-right/padding-bottom/padding-left

padding-top变小时，盒模型的内容会靠近上边框

盒模型实际高度：内容高度+上下填充+上下外边框的厚度

盒模型实际宽度：内容宽度+左右填充+左右外边框厚度

盒模型的标签：<div><ul><ol><p><h><table>等块级标签都具备盒模型的特征

任务一

任务一中的盒子模型已经有九宫格的样子了

将九宫格外的大盒子设置成了定宽块元素

九宫格的九个小盒子设置成了不定宽块元素

把九个小盒子的九十度尖角改成了圆角

调整了小盒子边框的宽度和颜色

明天计划的事：

要解决小盒子无法居中的问题

巩固基础知识以及学习新知识

继续进行任务一的编写

遇到的问题：

任务一中小盒子不能居中显示

对元素标签和单词记不住，知道该用什么单词和元素就是不会写

虽然把小盒子的直角改成了圆角但是不知道为什么会变成圆角，只是有一个模糊的概念不是很清晰

收获：

盒模型的边框就是围绕着内容及补白的线，可以设置粗细、样式和颜色

如：{border：2px（粗细） solid（样式实心） red（颜色）;}

border-style的常见样式：dashed(虚线)、dotted（点线）、solid（实线）

知道了怎么把盒模型的直角改成圆角

盒模型的结构