Chinaunix首页 | 论坛 | 博客
  • 博客访问: 158672
  • 博文数量: 21
  • 博客积分: 1444
  • 博客等级: 中士
  • 技术积分: 224
  • 用 户 组: 普通用户
  • 注册时间: 2011-06-12 14:37
文章分类

全部博文(21)

文章存档

2015年(1)

2011年(20)

分类: Delphi

2011-07-02 22:20:03

本章主要包括三个方面:
一、关于表格的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    
通过此章学习,更能证明得出的一个结论:冰冻三尺,非一日之寒。要想将案例彻底吃掉,真正能够做到举一反三,那真正就证实了一个成语:熟能生巧。
阅读(2538) | 评论(6) | 转发(0) |
给主人留下些什么吧!~~

10502chenjiao2011-07-14 17:42:01

luozhiyong131: 冰冻三尺,非一日之寒.....
滴水石穿非一日之功

luozhiyong1312011-07-14 16:24:38

冰冻三尺,非一日之寒

10502chenjiao2011-07-13 14:25:28

网络安全服务: .....
呵呵

网络安全服务2011-07-13 10:06:16

10502chenjiao2011-07-04 14:12:10

五岳之巅: 等。.....
继续。