本章主要包括三个方面:
一、关于表格的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 通过此章学习,更能证明得出的一个结论:冰冻三尺,非一日之寒。要想将案例彻底吃掉,真正能够做到举一反三,那真正就证实了一个成语:熟能生巧。