今天完成的事情：完成了任务五，看了更多关于深度思考的内容

明天计划的事情：开始任务六，并继续完成深度思考

收获：1.如何理解盒模型及其content、padding、border、margin？

对昨天的补充，盒模型有两种。第一种是W3c标准的盒子模型（标准盒模型）。第二种IE标准的盒子模型（怪异盒模型）。当前大部分的浏览器支持的是W3c的标准盒模型，也保留了对怪异盒模型的支持，当然IE浏览器沿用的是怪异盒模型。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。标准盒模型的width指的是contect的width，怪异和模型的width指的是content+padding+border

2.常见的inline元素，block元素和inline-block元素有哪些，他们有什么区别？

inline：label、a、span等

• 行内元素，文本元素一般都是，两个inline元素连续写，其显示效果不换行，修改width和height无效， 可以通过修改line-height来改变高度，内容撑开宽度
• block：p、h、div、等
• • 块状元素，div是其代表。一个块状元素会新开始一行并尽可能撑满容器，可通过修改width和height 来修改宽高
  • inline-block：img、input
  • • 行内块元素，兼具block和inline的特性，可通过修改width和height来修改宽高，且不独占一行
    • 3.如何使用浏览器的F12调试页面？
      
    • 在浏览器中按F12可以进入浏览器开放工具，再按CTRL+SHIFT+C进入选择元素模式，从页面点击需要查看的元素，然后从Elements就可以看到该元素源代码的位置。直接双击想要修改的位置，就可以进行修改，但这个功能只对当前页面生效，不会修改服务器源代码，所以只用来作调试。
  •