今天完成的事情：

一、【11：30】

了解微信开发者工具（进行中）

二、【15：30】

复习了解 每个任务深入思考

盒子模型（完成）

Doctype有什么作用（完成）

理解PX EM REM （完成） 

请解释一下CSS3的Flexbox（弹性盒布局模型）以及适用场景？（完成）

三、【20：30】后

整理一天所学的知识点

明天计划的事情：

 复盘申请
遇到的问题：

无 
收获：

行类元素

可以理解为只有宽没高 而它的高是需要类容或者填充来给他撑起的，而且它在页面上只占它本身大小而不是像块状元素那么霸道站一正行，如果2个行类元素 那么是并列排列

块状元素

他宽高是可以自由设置的，里面没有类容也没关系，最主要的是它只能占一行也就是页面上 使用块状元素那么哪一行都放不下其他标签了

内联元素

就是结合上面的有点 既可以自由设置宽高 也可以让块状元素进行并列排列

Doctype

这个东西在HTML最前面，是用来告诉浏览器当前是用什么版本编写的。也就是说告诉它文档类型来让浏览器按照HTML规范来解析页面。

大概简单来说盒子模型 是由 间距 填充 边框 和类容组成的，可以把每个标签都看作是一个盒子模型。 

间距：

可以理解为2个盒子之间的距离也可以用来布局离浏览器边框的距离

填充

就很好理解 它就是填充盒子里面的类容，如盒子里面没有类容那么里面就什么都显示不出来，比如任务一就是利用填充来显示背景颜色，因为如果盒子里面什么都没有那么它的背景颜色不知道给的是谁。

类容：

就是盒子里面的图片 文本 比较多就是文本 或者其他div 可以通过间距和 填充来进行布局让里面的 div 或者是其他什么类容在盒子里排列是居中或者 是靠经边框

边框：

盒子也是由边框的一般我们只是不显示出来 可以通过一些列代码 让边框变粗变细或者变成圆形或者各种形状都行。

可以理解为在 PC端和 移动端 让页面布局的类容都可以在屏幕上显示出，这需要用到媒体查询 设置当 分辨率在1300上页面应该如果布局 字体大小应该是多大，而在780px 以下，页面布局进行改变  字体也要跟随这改变 用rem  设置在不同分辨率下 让它 根元素父类 px值不同.