2009年5月14日星期四

飙车的后果

陈长兴的妈妈是一家大企业的董事长,他的爸爸是那个海滨城市的公安局长。
从小,陈长兴就在温床里长大。
从小,陈长兴就学会了抽烟,一天一包中华,后来一天两包中华。
从小,陈长兴就学会了泡妞,十岁那年,他把处男给了大他十岁的大姐姐。
从小,陈长兴就很崇拜林志颖,因为林志颖是个赛车手。
陈长兴十六岁那年学会了开车。妈妈给他买了辆现代跑车。过了三个月,他就让妈妈给他买了辆奔驰跑车;到20岁那年,他已经开上法拉利了。
陈长兴的爸爸经常对孩子说,小心点开车,别超速。
陈长兴妈妈在一旁说,你这个当爸的公安局长怎么当的啊,我们就一个孩子,他喜欢什么你就让他去做好了,有事情你搞定啊。
有一次,他在高速上飙车,结果被高速交警给抓了。210码,超速50%以上。交警要吊销他的驾照。一个电话,那个交警居然乐呵呵的让他把车开走了。
又有一次,他在市区闯红灯,撞了一个行人,把对方撞的重伤。一个电话,第二天,车子和驾照都拿回来了。后来据说赔了30万,事故鉴定是84码。他事后和朋友吹嘘,不就撞飞一个人嘛,我们家有的是钱。朋友问他,你当时车速是多少?他笑着说,我车子一启动加速到100码只用6秒左右,我刚开出去6,7秒,最多就101码.他真幸运,如果我再过几秒撞到,他必死无疑。
还有一次,他半夜在海边的路上飙车,小转弯处,迎面一辆车开来,他正做着急速漂移,没看到对面有车开来,由于车速过快,直接把那车撞飞,结果对面那车在空中翻滚了一圈,飞到旁边离路面20米左右的海里了。他被警察带走了。路上他打电话给妈妈,妈妈说,你别担心,等你爸爸回来,我会帮你搞定的,乖啊。
陈长兴在派出所待了一个晚上。妈妈没有来。第二天一早,妈妈来了,哭着脸说,孩子,这次没的救了,昨天你撞的那辆车,里面坐着你爸爸啊。

司马光!你干吗砸缸?(转铁)

司马光!你干吗砸缸?  今天我讲了司马光砸缸的故事,然后提问。我的意图是要学生说出司马光聪明或者机智、勇敢之类的,然后因势利导学生们学习这种精神。学生们纷纷举手,积极发言的热情很让我高兴。   第一个学生的问题差点让我郁闷掉。   她问:老师,什么是缸?   我晕!你初中生了,不知道什么是缸?哎!也是,现在的城市哪有缸了,难怪孩子们不知道。看到大多数学生都用同样迷惑的神情望着我,我只好在黑板上画了个缸的形状,告诉大家,缸是一种常见的家用容器。   第二个学生的问题是:哪买的缸?多少钱一个?   我说,这个问题不重要,下一个!   可那个学生还问:很重要的,老师,如果那个缸很贵,我总不会把我家最贵重的电脑砸了吧?   我瞪了他一眼,那缸不是司马光家的。下一个同学!   第三个同学问 :缸是干什么用的?   又是一个超幼稚的问题。一个学生抢着说:”我知道,我爷爷奶奶家用缸阉酸菜咸菜。”   如此出色学生是谁教出来的?   我只好解释说明:古时候每家都有一口缸是专门用来存水的。   第四个学生马上问:他们家经常停水还是欠水费了?   看来对学生开历史课真的很重要。不得不解释:那时候没有自来水,人们都是取来河水或井水存在缸里每天用。   “连自来水都没有,说明古代人很笨,还是我们现代人聪明。”那个学生发出感慨。
第五个学生:那个缸放在哪里?   你个白痴!我心里说。我有点不耐烦了,斥责他刚才老师讲故事时干吗去了?是不是没有认真听讲?我明明讲了放在院子里,你站着听一会!   他申辩:老师我认真听了,我的意思是问,那个缸放在放在院子里的哪个地方?是院墙边还是院门口还是屋檐下还是院中间?   这个我哪知道!司马光也没有留下回忆录详细说明,再说放哪小孩不都掉进去了吗?别找借口,继续站着!   第六个学生:那缸为什么没有盖子?   若有了盖子小孩就不会掉下去了。再说古代人也应该讲卫生啊,没有盖子,灰尘昆虫脏东西什么的都往里掉,人吃了会得病……   我……这都哪跟哪呀!有盖子的,掉到一边去了。我意识到这样提问下去不是办法,弄不好会被这帮笨蛋扯得昏掉,只好拿出屡试不爽的老办法,提问领悟能力强的好学生。我示意体育委员。   体育委员:“那缸有多高?”他也昏头昏脑随着前面的思路走。   大概……到我肩膀这么高吧!本来想说和我一米八的个头一般高,可我也没见过那么高的缸,可说太矮了司马光也就不用救了。   劳动委员看到我的示意:那么高,小孩是怎么上去的?   有梯子还是从高处跳进去的?换了我可上不去。大石头多大?司马光多大?老师您讲了司马光当时也是个孩子,那他抱得动大石头吗?那缸里的水要是不够深,小孩掉进去也不会有危险,就不用救了。这家伙不顾我已铁青的脸色自顾自地说下去。   既然要救证明缸里的水足够深或者是满缸水。能承受那么多水的压强而缸没有破说明缸壁是够厚够坚固的。司马光既然只是小孩子,抱不动大石头,那么他拿小石头能砸破那够厚够坚固的大缸吗?不可能!就算他拿出铁杵磨成针的精神,一下下耐心地砸,直到砸破为止,就算他最终把缸真的砸破了,那小孩估计早就淹死了,所以……   Stop!我阻止他继续说下去。这小子的物理学得真不错。我把最后的希望寄托在班长身上:从司马光砸缸的故事中你得到了什么样的启发?   班长站起来,看看同学们期盼的目光,深吸了一口气:“老师,我得到的启发和同学们是一样的,就是--这个故事--是假的!”   口吐鲜血,我栽倒在讲台上。司马光!你干吗砸缸?
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

2009年5月10日星期日

CSS 之相对定位篇

CSS 相对定位
相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。
如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素,那么会在元素左边创建 30 像素的空间,也就是将元素向右移动。
注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。

2009年5月7日星期四

理解position:relative 与 position:absolute




position 有三个值,static(静态)、relative(相对)、absolute(绝对);由于static是所有页面元素的默认值,因此设置元素的定位类型时几乎不用这个值,除非用于覆盖之前的定义。对于后两者,一般应用:在一个相对定位的元素里面放置一个绝对定位的元素,如图:










子元素B可以通过top、right、bottom、left来精确定位,定位的参考目标就是其具有相对定位属性的父级元素A;并且设置这些偏移后,产生的空隙会被后面的元素填充(如果后面的元素足够尺寸的话)。由于B元素具有absolute定位属性,相当于从文档流中抽取出来,浮动在原平面排版上,形成“层”,如果有多个“层”,层与层之间就必然会有谁覆盖谁,谁在上谁在下的竞争关系,因此,为解决这个竞争,就产生了 z-index(空间坐标系的Z轴)属性,谁的值大,谁就在上面。另外,如果父级元素A没有设置relative,那么B元素就会以body标签当作参考点。  对于具有position:relative属性的元素A,其top、right、bottom、left四个方向的位置偏移就会以该元素的原来位置作为参考点,而不是像上面说的,以具有relative定位属性的父级元素或body作为参考点。在设置了偏移后产生了空隙,其周围的元素并不会填充这些空隙,即使它们足够尺寸(演示)。
  值得注意的是,此时元素A的margin,margin将作用于该元素的原来位置,由于原位置产生偏移,该元素的最终位置将是margin与top、right、bottom、left共同作用后的位置,并且其周围元素的位置也将产生影响。  回过头来再看看 relative 里面的 absolute,比如上面的A、B两个元素,如果两个元素都设置了top、right、bottom、left,对于元素B来说,其位置偏移的参考点是元素A偏移后的位置,不是元素A的原位置,同样,如果元素B有margin,其参考点也是元素A偏移后的位置,这点很重要,这才是absolute的概念 (演示)。=======================================================用Div+CSS进行网站布局时,做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。 Position属性有四个值: static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位,而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。ralative是指相对定位,就是依据left,right,top,bottom等属性在正常文档流中偏移位置。   但是,怎么个绝对法,又怎么个相对法呢?以前我一直没有仔细去研究它,到具体应用时有时会有点迷糊,我相信很多朋友也会有这样的问题。今天我特意测试了一下,得出了以下结论: 1、当Position属性值为Relative时 对象原来占有的位置保留,其后面的对象按原来文档流仍然保持原来的位置 Top的值表示对象相对原位置向下偏移的距离 bottom的值表示对象相对原位置向上偏移的距离 两者同时存在时,只有Top起作用。 left的值表示对象相对原位置向右偏移的距离 right的值表示对象相对原位置向左偏移的距离 两者同时存在时,只有left起作用。 2、当Position属性值为absolute时 对象从文档流中抽取出来,原占有的位置被后面的对象顶替上来 Top的值表示对象上边框与浏览器窗口顶部的距离 bottom的值表示对象下边框与浏览器窗口底部的距离 两者同时存在时,只有Top起作用;如果两者都未指定,则其顶端将与原文档流位置一致,即垂直保持位置不变。 left的值表示对象左边框与浏览器窗口左边的距离 right的值表示对象右边框与浏览器窗口右边的距离 两者同时存在时,只有left起作用;如果两者都未指定,则其左边将与原文档流位置一致,即水平保持位置不变。   在Position属性值为absolute的同时,如果有一级父对象(无论是父对象还是祖父对象,或者再高的辈分,一样)的Position属性值为Relative时,则上述的相对浏览器窗口定位将会变成相对父对象定位,这对精确定位是很有帮助的。