今天完成的事：做好了明天小课堂的前期资料准备，明天上午可以做好了。

明天计划的事：做完PPT，速度快的话把任务五做完啊啊啊啊

困难：

网上多是讲div+css布局的优点，具体介绍table布局的较少，也许是因为年代比较久远了，只能上知网搜论文出来，才有讲到前端的网页布局演变的过程之类的。

收获：

1.对table布局和div+css布局理解的更为透彻一点了，记得最开始就没怎么用table布局过，不过table对一些比较复杂的网页确实有着很大的优势，因为它就划了个框框在那里，只需要你往里面填东西，然后用colspan、rowspan来规划自己需要的空间就可以了。只是table跟不上时代的变化，他的布局只有在整个页面加载完以后表格才会被加载出来，所以速度是落后于div+css布局的，虽然在文件较小的情况下这个区别并不明显；

2.且table的本意是表格，在web标准要求语义化的时候，把原本用来做表格的table标签拿去做布局，是不符合这个标准的，div就是专门为语义化设置的，他本身就是division的意思，就是为了划分网页的区域而设计的，所以更为符合Web标准中语义化的要求；

3.table本身的布局会对css产生影响，虽然css在table标签里都能够应用，但是table自带的样式会影响css的设置，div本身就跟p标签之类是差不多的，相当于给个白纸给你画，你爱怎么画怎么画；

4.之前对table用的较多多是因为垂直居中更方便，现在div也可以设置display：table；可以设置display：flex等都能很好的解决这个问题，所以div+css的布局确实是大势所趋了。

5.今天的小课堂讲的是‘css有哪些选择器，优先级如何计算？’，这个问题最早学css的时候就遇到过，比如有内联样式在css文件里就很难改变，因为他权重最高，还有什么class占10的权重之类的，都是需要注意的，比如之前用bootstrap的时候很多样式不能覆盖，需要加！important才能生效。