今天完成的事情：将task4修改好了。

老大，我要请假一天，等明天到了杭州之后就能固定一段时间了，学习时间也可以固定下来。

明天计划的事情：无

遇到的问题：无

收获：1、使用{outline：medium}可以将输入文本框的外框消除掉，但是medium值表示外框是中等宽度。虽然能实现我想要的效果，但是不知道为啥？

2、百度了一下<table>标签的缺点：(老大的解答：Table布局的问题有两个，一个是把数据和样式合在一起了。一个是很难做响应式。)

（1）、代码臃肿。

（2）、加载速度慢。

（3）、灵活性低，页面布局修改起来麻烦。

<table>有很大的局限性。首先是代码的臃肿，可读性不高，维护性较差，table布局采用宫格式规划，将整个页面划分成若干行和列，靠这些行和列定位区块，页面元素越多区域划分就要越细致，打开页面代码，满屏幕tr td，很难定位到要找到代码，编码修改起来也不直观。

相对于css代码布局，css布局页面代码简洁没有多余结构，代码要比table代码布局少很多，而且看起来一目了然。

除开代码简洁性以外，table布局还存在性能问题，table原本是设计来展示数据的，一行或者一列的数据过长，同一行或者同一列的单元格就会全部要拉伸，以便清晰的显示数据对应关系，基于这种特性，浏览器对table进行渲染的时候需要等待所有格子的内容的完全加载，解析相比使用css布局的页面耗时要长（css布局使用的元素相互之间没有严格的关联关系，加载一个显示一个。加载相应时间快），特别是采用多层table结构嵌套布局的时候，页面显示会更慢。

最后一个使用table布局的缺陷是页面元素的灵活性不高。所谓成也萧何，败也萧何。结构稳定的table宫格式布局的页面要改变元素的位置成本很大，需要编辑html结构，修改宫格划分，如果风格修改过大，相当于重做页面，而是用css布局的页面，其他什么都不要动，仅编辑css即可。