Vertical Centering in CSS
[ 2008-01-22 23:37:04 | 作者: 十二 ]
尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。
标准浏览器如Mozilla, Opera, Safari等，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。非标准浏览器只能在子元素里设距顶部50%，里面再套个元素距顶部-50% 来抵消。
CSS...
阅读全文...
标准浏览器如Mozilla, Opera, Safari等，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。非标准浏览器只能在子元素里设距顶部50%，里面再套个元素距顶部-50% 来抵消。
CSS
引用
body {padding: 0; margin: 0;}
body,html{height: 100%;}
#outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;}
body,html{height: 100%;}
#outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;}
阅读全文...
CSS Hack 汇总
[ 2008-01-22 14:54:33 | 作者: 十二 ]
1. 什么是CSS Hack？
由于不同的浏览器，比如IE 6,IE7, Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程，就叫CSS Hack,也叫写CSS Hack。
2. CSS Hack的原理是什么？
由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
比如 IE6能识别下划线“_”和星号“*”，IE7能识别星号*，但不能识别下划线_，而Firefox两个都不能认识。等等书写顺序，一般是将识别能力强的浏览器的CSS写在后面。
3. 如何写CSS Hack？
...
阅读全文...
由于不同的浏览器，比如IE 6,IE7, Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程，就叫CSS Hack,也叫写CSS Hack。
2. CSS Hack的原理是什么？
由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
比如 IE6能识别下划线“_”和星号“*”，IE7能识别星号*，但不能识别下划线_，而Firefox两个都不能认识。等等书写顺序，一般是将识别能力强的浏览器的CSS写在后面。
3. 如何写CSS Hack？
...
阅读全文...
闲来无事，溜达到兰儿的掬水轩中，读到“拾遗为藏”篇时，忆起07年最后一晚疏墨群中的热闹气象，不禁莞尔～ 细思量来，那晚群中的戏作多有不工，不过既是要拾“遗”，这“趣”自然也凑一番啦：）
附：幽幽兰息 “拾遗为藏”
玉门关外月如弦，
箫鼓声声夜未眠。
帐外谁弹风细细，
一笺轻雪墨如兰。
箫鼓声声夜未眠。
帐外谁弹风细细，
一笺轻雪墨如兰。
附：幽幽兰息 “拾遗为藏”
寻章问句醉花间，
聊解霜天月未圆。
堪倚修篁裁锦字，
幽香一纸墨如兰。
聊解霜天月未圆。
堪倚修篁裁锦字，
幽香一纸墨如兰。
沉寂了一天，今早终于掀开了〇八年的日历，几番思量，并没将那本过期的日历扔进纸娄，而是郑重的将其压在抽屉里的一角，算是对2007年最后的一点收藏吧：）
一年又过去了，累了，麻木了…… 突然想到，原来每天真的是只可以度过一次的。与二〇〇八，亦真的在反反复复地念叨中相遇了。
闭上眼睛，追忆那似水流年，默默地游走在时间的反面——有甜蜜、有痛苦、有欢乐、有失落、有潇洒、有无奈…… 林林总总，是舍不得的吧；起起伏伏，该感谢的啊。捧一杯暖茶，细数那些在指尖流逝的岁月，静静地体会那曾经的一字一句，轻轻地道一声：Say goodbye～
只是——时间如沙，那些岁月长河里短暂的蹉跎，欣赏也好，否定也罢，少不得感慨一番，又能如何？莫不如让我们抛却纷扰、沉淀掉不该有的浮躁，期待着明天，有明天就有期待，就有希望，就有未来。
二〇〇八，抱抱……
一年又过去了，累了，麻木了…… 突然想到，原来每天真的是只可以度过一次的。与二〇〇八，亦真的在反反复复地念叨中相遇了。
闭上眼睛，追忆那似水流年，默默地游走在时间的反面——有甜蜜、有痛苦、有欢乐、有失落、有潇洒、有无奈…… 林林总总，是舍不得的吧；起起伏伏，该感谢的啊。捧一杯暖茶，细数那些在指尖流逝的岁月，静静地体会那曾经的一字一句，轻轻地道一声：Say goodbye～
只是——时间如沙，那些岁月长河里短暂的蹉跎，欣赏也好，否定也罢，少不得感慨一番，又能如何？莫不如让我们抛却纷扰、沉淀掉不该有的浮躁，期待着明天，有明天就有期待，就有希望，就有未来。
二〇〇八，抱抱……
