▉提问:怎样可以最有效地瘦臀？ 回答:蹭树。 ▉提问:显示器画面不停地轻微抖动，有什么办法？ 答:你也不停地抖动，当你的频率和振幅与显示器画面一致时，你就感觉不出来了。 ▉提问:为什么好马不吃回头草？ 回答:因为马儿拉屎在后面拉。 ▉提问:如何除掉烦人的狗？我家附近有人养狗，且不管它随便跑，经常晚上在我家门口拉屎，有没有办法不让它在我家拉屎，或神不知鬼不觉地把它弄死且没人知道。 回答一:和主人说没用，我告诉你个好主意。每次狗拉屎的时候，你去偷看，等狗发现了你在偷看，它会害羞的，就再也不敢到你家门口拉屎了。 回答二:给它买一台计算机，然后教它上网，它就没空去你家门口了。 ▉提问:为什么我玩3D游戏时会头晕？ 回答一:小脑不发达。 回答二:大脑不发达。 回答三:大小脑都不发达。 ▉提问:怎么驱赶蚂蚁？ 回答一:在寝室门上贴上“戒严”或者“查封”等字样，造成寝室已经停止营业的假象。 回答二:买个食蚁兽回来不就结了。 回答三:播放张楚的歌曲《蚂蚁》三十遍。 回答四:把这个问题贴到蚁巢门口，难死它们！难不死的也会被这个悖论折磨死。 回答五:养些白蚁，让他们种族歧视，自相残杀。 ▉提问:怎么样才能在街上捡到更多的钱？ 回答一:把自己的钱包丢在地上就可。 回答二:最好当垃圾清扫员。这样拾零钱几率大。 回答三:钱不是捡来的，也不要低头走，钱是天上掉下来的，要时刻抬头看。 ▉提问:最简单的长寿秘诀是什么？ 回答:保持呼吸，不要断气。 ▉提问:我要问百度知道知道不知道知道就知道不知道就不知道不要知道说不知道不知道说知道到头来知道变成不知道不知道还是不知道天知道地知道百度知道知道若要问我知道不知道知道不知道也不知道。请加标点符号，眼睛不好慎入～ 回答:我要问百度知道:“知道不知道？”知道就知道，不知道就不知道。不要知道说不知道，不知道说知道，到头来知道变成不知道，不知道还是不知道。天知道、地知道、百度知道知道，若要问我知道不知道，知道不知道也不知道！ ▉提问:为什么月亮不围着太阳转？ 回答:因为月亮已经围着地球转了。 ▉提问:刘关张三结义供的是谁？ 回答一:皇天后土。 回答二:炎黄二帝。 回答三:桃子。 ▉提问:“实在难以置信”用英语怎么说？经常在电影里听到，“安宝累宝宝”或者“挠怕司宝”这两句怎么写？准确的意思是什么？ 回答:应该是这样才对: unbelievable(安宝累宝宝)难以置信！ notpossible(挠怕司宝)不可能！这一句的语气比上面那个更强烈些。 ▉提问:跷二郎腿的危害？ 回答:屁股会一半大一半小。 ▉提问:为什么人会怕高，而鸟却不会？ 回答一:人知道掉下来是什么滋味，但鸟不知道。 回答二:鸟在飞翔的时候，从来没有顾虑，它不会惦记自己的翅膀。而人总是想得太多，负重太大。 [...]
Archive for 五月, 2008
CSS Hack 汇总快查
By admin in Web Standards屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与IE5.0可以识别 *+html select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 仅IE7可以识别 *+html select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 IE6及IE6以下识别 * html select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 html/**/ >body select {…} 这句与上一句的作用相同。 仅IE6不识别，屏蔽IE6 select { display /*屏蔽IE6*/:none;} 这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 仅IE6与IE5不识别，屏蔽IE6与IE5 select/**/ { display /*IE6,IE5不识别*/:none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。 盒模型解决方法 selct {width:IE5.x宽度; voice-family :”\”}\””; voice-family:inherit; width:正确宽度;} [...]
Tags: css hack
妈妈受伤了
By admin in Words晚上在QQ上跟爸爸聊天,平时一般我们都是语音的,可是今天不知道什么问题,他竟然听不见我说话。我也不知道是不是我重装了系统内置的话筒没有驱动好,明天找人做实验,看看。跟爸爸视频,他用手写板写字,得知了妈妈的腰在洗衣服的时候扭伤了,心里难受。给家里打电话跟妈妈聊天,妈妈满口的说自己老了,其实我也不知道该说什么好,只让她自己小心点,上次也摔了一跤,受伤拿两瓶啤酒的时候,好在就割破了点手。然后妈妈总是安慰我,问我有钱了没有之类的话,感觉特别不好意思,我已经出来工作了,还得让爸爸妈妈担心经济状况。只希望爸爸妈妈能平平安安的吧,三个孩子都不在身边。。。
Javascript中最常用的55个经典技巧
By admin in js1. oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart=”return false”> 取消选取、防止复制 3. onpaste=”return false” 不准粘贴 4. oncopy=”return false;” oncut=”return false;” 防止复制 5. <link rel=”Shortcut Icon” href=”favicon.ico”> IE地址栏前换成自己的图标 6. <link rel=”Bookmark” href=”favicon.ico”> 可以在收藏夹中显示出你的图标 7. <input style=”ime-mode:disabled”> 关闭输入法 8. 永远都会带着框架 <script language=”JavaScript”><!– if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页 // –></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!– if [...]
Tags: javascript, js
创建性感CSS样式表的十个技巧(Sexy Stylesheet)
By admin in Web Standards如果你想成为一位CSS专家的话，光背出一堆选择器是不够的，还要能够提高CSS样式表的可读性，开发效率以及维护性。这里，Jina Bolton 将给我们分享一下她关于如何创建性感的CSS样式表的十个技巧。 本文主要内容为：CSS代码编码规范，教你如何写出整洁漂亮性感的css代码，如何清晰的组织你的样式表文件。闲言少叙，直接进入正题，完整文字请查看原文。 1. 不要在HTML文件中使用CSS样式定义 相信对于多数有一定工作经验的设计师来说，使用外部样式表来定义CSS样式是小菜一碟的工作。但我在这里仍然需要再次告诉你这点，因为我看到相当多的站点在最开始的时候，有着非常结构清晰，组织良好的代码。但是随着时间的推移，慢慢地内部定义乃至内联样式开始蔓延到站点的各个角落。也许是因为项目周期十分紧迫，抑或只是因为我们有点偷懒。 想象一下，当这样的坏习惯被我们保持了下来，一段时间后，如果老板希望在不改动网页内容的前提下重新设计网站的样式的话，OH，你将不得不去查找这些自己丢在各个角落的垃圾代码，如果项目碰巧规模又非常之大，那我恐怕只有祝你好运，或者推荐你去找黄健翔了。 千万别给自己找这样的麻烦，创建干净的代码，并始终让他们保持干净，这样你会让生活变得充满快乐。 注意：请小心使用过多的外部样式表，如果每次更改你都创建一个新的样式表，这不会给你带来任何好处。过多的样式表会让你将来的调试和更新工作变得更加复杂，当然我理解你希望将样式分组管理的初衷，后面的内容中我会专门和你一起讨论这个问题。 友情提醒：过多的样式表应用，会带来潜在的性能问题，并且在IE6下，最多只能引入32个外部样式表。 2. “语义学Semantics”不仅仅是一个让你迷惑的词语 我要告诉你们，“语义学Semantics”将是你们最好的朋友。在你选择最合适，语义最正确的元素来描述文档内容之外，也请选择语义清晰，合适的词语来定义你的class名称以及元素ID名称。不仅仅是做正确的事，这样做还能让你和你的团队成员的工作变得更加简单。让我们来看一条样式定义： .l13k { color: #369; } 我相信你乍看到这条定义，你能否知道它是用来干嘛的吗？我想你肯定答不上来。这个名称应该是某个只有作者本人知道的缩写，即使作者现在知道含义，但一个月后，一年以后你还能知道它的含义吗？让我们再来看一条定义： .left-blue { color: #369; } 这条定义，你可能立刻猜到它是用来干什么的了，页面左边区域，文字颜色为蓝色，表述的非常清楚明确。但是让我们来假设一下，不久的将来，老板希望重新设计样式，这个区域的内容位置将换到右边，文字颜色将换成红色。很显然，这个名称将变得不再合适，甚至变得不正确，现在你有两个选择，一是替换掉每个使用该class的地方，二是继续使用这个让人产生误解的名称。 这样看来，名称不是描述清晰就是好的，我建议你们最好是不要采用诸如颜色或者是高度宽度尺寸等非常具体的细节来命名样式定义，同样的也尽量避免使用具有具体形象的词汇来命名（比如使用 box），这样的做法某种程度上破坏了我们希望将内容和样式分离的初衷。怎样做才是最好的呢，让我们来看一下这个： .product-description { color: #369; } 这个定义命名，无论你重构多少次，它都是非常合适的，美丽的东西永远是美丽的。 3. 善用代码注释 善用代码注释将会给你和你的团队成员带来极大的便利，不仅仅是通常的注解，我们还能非常创造性的去使用注释来帮助我们更好的完成工作。 * 提示和标注 代码注释最基本和最常见的用处就是用来提示和标注代码，告诉别人这是用来干嘛的。 /* Turn off borders for linked images */ img { border: 0; } * 时间戳和署名 和我们写程序代码一样，是用注释在文件头部留下时间戳，版本号以及编辑者的署名，将更好的帮助我们追踪记录文件的历史记录。 /* Sushimonster Typography Styles Updated: Thu 10.18.07 @ 5:15 p.m. Author: Jina Bolton —————————————————-*/ * 组织代码 将样式定义按照不同的组别来分组是一个非常好的主意，如果我希望将页首的样式定义放在一起，我会使用这样的注释来帮助我提高代码可读性： /* HEADER —————————————————-*/ * 注释标帜 如果你采用了我上面提及的使用注释来分隔不同分组的样式定义代码的方法的话，那使用注释标帜将是一个非常有用的技巧来帮助你更好的查找代码，迅速准确的定位到你想要的位置。我们可以使用一个特殊的符号（比如 [=]）来作为注释标帜 /* =HEADER —————————————————-*/ 非常酷的一个小技巧，这样你不用上下拖动，就能迅速通过查找来定位到你想要编辑的位置了，查看更多关于注释标帜。 * 参考索引 虽然不常用，但是也是非常有用的一个注释使用方式就是作为代码的参考索引，比如在文件头部留下使用到的颜色代码： /* COLORS Body Background: #2F2C22 Main Text: #B3A576 Links: #9C6D25 Dark Brown Border: #222019 Green Headline: #958944 */ 4. 明确什么时候使用CSS Hack 什么时候使用IE条件注释 有很多关于使用CSS Hack带来的问题，或是使用IE条件注释来解决IE兼容性问题是更佳的方法的文章，以及两者都不支持的文章。以前，我一直认为使用IE条件注释解决这个问题要比CSS Hack来的合适，但是最近通过一些例证，我发现条件注释也不是最合适的解决方案。 原因在于，使用条件注释，必然需要维护同一样式的不同IE版本的副本，这样就带来了工作量的增加，而使用CSS Hack则没有这个问题，因此要具体问题具体分析。 但是不管采用哪种方法，请注意以下两点： a) 如果使用了条件注释，请在主代码文件中留下注释，提醒自己以及其他设计师，如果修改了此处样式，则需要同时更新其他所有IE版本的样式定义。 b) 如果使用CSS Hack，也请留下注释，标明这里使用哪些Hack，对于什么版本浏览器生效，因为在可以预见的将来，随着浏览器版本的升级，这些Hack很有可能会失效。 5. 组织好你的选择器以及属性声明 切记，切记，请将你的样式表文件组织的结构清晰，我比较倾向于以下的代码组织方式： [...]
Tags: css
回九江
By admin in Words上个礼拜,请假回九江。请了一天半包括周末大概就4天左右,在这四天里大部分时间都是在火车上度过的。 回去后,看到大一大二的学弟学妹们感觉他们真的好有活力,感觉自己已经苍老了,再也不能像他们那样毫无阻挡的在人群里面大笑。小刚,王旭他们还在寝室,看到他们也感觉少了许多以前的笑容,说起话来总感觉不知道未来在哪里。大家坐下来最多的话题就是回忆以前的生活，想起来心凉凉的。 小刚是比我早回去几天,他说他感觉自己是被骗回去的,因为他打电话给一个老师问关于毕业证的事情,老师答应了说回来就有毕业证,可是等回去的时候却说要等到6月23了，小刚是个很有思想跟个性的西北汉子，为人很踏实.也很讲义气…还是我们班的米饭杀手…>< 王旭在派拉蒙上班，总感觉怪怪的。他跟我说最近老觉得特别难,特别累感觉看不到希望,不像以前想怎么玩就怎么玩,也不觉得有什么担心的,可是现在总是担心未来,想高兴起来都高兴不起来,我跟他说,长大了都这样。 王辉在九江一家公司上班,做美工。每天好早都得起床,我6点多到学校的,在蝶湖旁边遇见了他,感觉他瘦了,眼睛都睁不开一样。听王旭说,王辉不想做了，工资特别低,而且经常加班到11/12点还不给加班费，说老板还让他搬去公司住方便加班。。。。我无语….. 阿奔还是那么忧郁，真的有时候我都不知道他为什么总是那忧郁的眼神…大学三年里面,跟他接触的时候最多的是篮球场上，一般都是我们俩打对门…..呵呵….他现在还没找工作…每天都去图书馆读书,我真的好羡慕。他准备拿毕业证后就出去了。 大家都工作了,电脑也都卖的买,运回家的运回家。再也看不到他们打街机的场景了。感觉有点伤情,回去也就一天吧,寝室的熊还在,他把工作也迟了,我回去的那天他竟然在外面上通宵的,我发信息让他回来,我没带钥匙,只能是让他开门,回去聊了会天就两个人都睡觉了,坐了十多个小时的车真的很累。 下午本来想请他吃饭,我出来这段时间没少麻烦他,可是他说还要睡觉,让我自己去,我也没办法知道上通宵后的效果。准备自己去,用手机上了下QQ给小谢同学发了条信息,询问一下地震的事情,没想到他也在线,他手没啥事情就是房子咧开了,我说人没事就行了,他让我过他寝室去,他在寝室开了个小卖铺,而且寝室也搬到了12#正好顺路过去了….他还是在打他的QQ游戏–斯诺克桌球。。。。我就知道他只会打这个….聊了许久…他那买的东西基本上被我吃了个遍，后来我请他吃饭。。。我让他叫上他女朋友。。。打电话刚好她在图书馆。。。我们就出去,去图书馆找她了。 /*——————–未完待续—————*/
Tags: 九江
悼念5.12汶川大地震,博客灰色三天!
By admin in Words为了掉年在5.12汶川特大地震中死去的同胞们,博客灰色三天。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} html{filter: Gray;}
Tags: 汶川
CSS Sprites
By admin in Web StandardsCSS Sprites技术不新鲜，早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传，后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Requests就提到CSS Sprites。于是这个小妖精就火了起来，甚至出现了在线生成工具，势不可挡也。近来国内很多blog都提到CSS Sprites，最著名的例子莫过于 http://www.google.co.kr/ 下方的那几个动画。最新发布的YUI中，也是使用到CSS Sprites，几乎都有的CSS装饰图都被一个40×2000的图包办。社交大站Facebook最近也使用了一个22×1150的图片承担了所有icon. 一时间，CSS Sprites无处不在。 原理 我们知道，自CSS革命以降，HTML倾向于语义化，在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的，少不了各种漂亮的图来装点。新时代的生产方式是，在HTML布满各种各样的钩子（hook），然后交由CSS来处理。在需要用到图片的时候，现阶段是通过CSS属性background-image组合background-repeat, background-position等来实现（题外话：为何我提现阶段，因为未来浏览器若支持content则又新增另外的实现方法）。我们的主角是，你一定猜到了，就是background-position。通过调整background-position的数值，背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变，由于图片位置的改变，你看到只该看到的而已。就好比手表上的日期，你今天看到是21，明天看到是22，是因为它的position往上跳了一格。所以你也大概了解到，CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。 我们使用YUI的sprite.png举个例子，假如我们有这么一段代码，max代表最大化，min代表最小化，我们需要给它们配上相应的漂亮图片（这样我们的网站才能够吸引人，才可以卖钱，才可以到佛罗里达晒太阳:D）： <div class=”max”>最大化</div> <div class=”min”>最小化</div> 这两个class都使用同一个图片： .min, .max { width:16px; height:16px; background-image:url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png); background-repeat: no-repeat; /*我们并不想让它平铺*/ text-indent:-999em; /*隐藏文本的一种方法*/ } 效果如下： 最大化 最小化 我们看到一团灰，没错，因为我们还没有指定background-position，默认为 0 0，可以看下sprite.png, 处于这个位置正是灰块。好了，我们要找到代表最大化的加号和代表最小化的减号的位置找出来。经过测量，最大化按钮位于Y轴的350px处，最小化按钮位于Y轴400px处。想一想我们如何才能让它们能够显示出来呢，明显，要向上提升sprite.png，得到代码如下： .max { [...]
Tags: css, CSS Sprites, web standard
页面仔
By admin in Words在检测QMS在IE5.5的时候….发现margin:0 auto;竟然不起作用….用了几个办法都没弄好…最后就上经典论坛搜索了….呵呵 找到解决的办法了…要在全局定义text-align:center;然后定义DIV的text-align:left;就可以了….. *{text-align:center;} div{text-align:left;} 天气热了,头发又长了..上班的注意形象,今天特意很早就签退了…回到松坪山理发..感觉还不错…后台发现后面竟然特别长….晕…心里郁闷啊…后面感觉就削薄了…没有削短了…晕了….. 晚上跟腾讯的twinsèn的在群里面聊天…学到不少东西…他称自己是页面仔…这个称法太搞笑了….我喜欢…. 以后我就是页面仔…. 以前总是想法设法让自己写的代码漂亮,明了…哈哈 通过twinsèn知道了CS3里面新增了CSS格式化….太强悍了…感谢twinsèn…了…自己试了试…感觉真的好强悍…减少了不少时间… 明天是奥运火炬在深圳传递…到处都装饰了一番…在大冲天桥…看到两个美女…拿这国旗跟奥运会旗…脸上也贴着国旗…感觉好酷….天桥上也挂了奥运的横幅…感觉联想特有才…在招牌上挂了一面国旗…呵呵…周围两边也有小旗帜…唉..没有相机…要么就可以…..明天要封路…只能早点起来…19路不在松坪山停…只能坐209了….
常用的CSS命名规则
By admin in Web Standards头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer [...]
Tags: css