第十章总结

本章主要包括三个方面：

一、关于表格的html结构及其相应的CSS属性设置。

二、关于JavaScript实现对：hover伪类别的模拟。

三、通过三种模式的“日历”这个案例，深入综合地实践了CSS样式设计

的多个技术要点。

对于第十章这三个重点来讲，没有做出完美的一个来。这是为什么呢？

就第一节控制表格下的‘表格中的标记’，‘表格的边框’，‘表格

宽度的确定’，以及‘与其他表格相关的标记’的这四个小分支来讲，做出来的效

果还是比较满意的，可能是以前学过的原因。

但是对于第二节‘美化表格’，第三节‘鼠标指针经过时正行变色提示

的表格’，第四节‘Excell方式二维变色提示的表格’（其中第四节会用到所谓的

JavaScript），还有第五六七八节，‘主要是多视图模式日历案例概述’这几节

来讲呢，往白了说就是一点也没做出来，一点点都不了解，一点点也没看懂。但是

也不是一点点的收获也没有的，至少通过这几节，我学会了一个：

 1.png    ，对此进行了记录 ：

.month th span , 

.month ul{ display:none; }

 .month td.active:hover{ background:aqua; }

 .month td.active:hover ul{ display:block; }

如果有的文字看着不整齐，就先对display标签做none处理，然后再用hover为类别显示出来即可。 在里面再加入position:absolute;是将位置固定。点击只出现ul里的内容之后，即出现如上图的效果来，而且其他的位置固定不动。

看到了这个也可以说成是有那么一点点的成就感吧。

再后来，又看了一下‘书中实例源代码’中的这节之后，又重新对CSS样式做了一遍改动，然后做出来的效果呢，虽然说还是不是那么完美的，但是呢，相对于自己之前做的要好的多的。如下图：

  1.png    

通过此章学习，更能证明得出的一个结论：冰冻三尺，非一日之寒。要想将案例彻底吃掉，真正能够做到举一反三，那真正就证实了一个成语：熟能生巧。