Archive | 五月, 2008

字体大小的易用性(转)

em vs. px
em是何物?em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。em有如下特点:1. em的值并不是固定的;2. em会继承父级元素的字体大小。
重写步骤:1. body选择器中声明Font-size=62.5%;2. 将你的原来的px数值除以10,然后换上em作为单位;简单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了。经过以上两步,你会发现你的网站字体大得出乎想象。因为em的值不固定,又会继承父级元素的大小,你可能会在content这个div里把字体大小设为1.2em, 也就是12px。然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的话,p的字体大小就不是12px,而是1.2em=1.2 * 12px=14.4px。这是因为content的字体大小被设为1.2em,这个em值继承其父级元素body的大小,也就是16px * 62.5% * 1.2=12px, 而p作为其子级,em则继承content的字体高,也就是12px。所以p的1.2em就不再是12px,而是14.4px。3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明,也就是避免以上提到的1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。诡异的12px汉字(原因待查)本人在完成em转换时还发现了一个诡异的现象,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点。这个问题我已经解决,你只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时,对于浮点的取值精确度有限。阅读本篇的读者还有其他解释吗?本现象只发生在12px的汉字,英文不存在此现象。你可以在这里下载到此表现此现象的文件。下载后请读者用IE打开sample.htm, 可以看到第一段文字明显长于第二段。然后你可以用编辑器打开style.css,看看究竟发生了什么。解决方法就是把style.css中的62.5%换为63%。演示链接

Tags:

随笔

      最近这两个星期可忙死我了。虽然累点,但心里还是蛮高兴的,因为这个世界又多了很多美的作品。
     嗓子扁桃体发炎,舌头又烂了,可疼死我了,说话、吃饭、就连喝水都难以下咽,痛苦到极点了。吃了N多种消炎药也不见好,现在只能祈求神保佑我,可怜我了。
    昨天,遇到一个骗子,他骗了我,不守信用,气坏我了。下次要小心,不能上当了

Tags:

将网页色彩变为灰色

第一种方法:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
第二种方法:
body{filter:Gray;}
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。
建议全国站长动起来。为在地震中遇难的同胞哀悼
将一张图片变为灰色
<img src=”UploadFiles/2006-10/1020749879.jpg” style=”filter:gray;” onmouseover=”this.style.filter=”” onmouseout=”this.style.filter=’gray’”>

Tags:

众志成诚,抗震救灾

        全中国最关注的事情就是:四川汶川地震事件,这个事情对人们的震撼力实在太大了。
        当看到各大网站报道的消息:四川地震受难人数达到上万。看到那些图片,我的心都揪起来了。每天都在关注灾区人民的情况,时时在想他们怎么样了,脱离危险了吗,我想这也是每个人在想的事情
        看到祖国的花朵就这样离开人世,看到他们家破人亡,心中非常伤痛。但是,我们要振作起来,我们要帮助那些受难人民,我们不能让他们成为孤岛,在这里呼吁广大人民有钱的出钱,有血的出血。为灾区人民献上自己的一份爱心,这样他们的心会温暖一些的。
        我在这里对灾区人民说:“你们不孤单,因为你有我们,我们的心都是联在一起的,我们要重新站起来,把家乡建设更美更壮观。”
        通过这件事情,我很庆幸,庆幸我的亲人还在我的身边,我要在以后的时候更加爱惜我的家人,我的朋友们。人不可能知道未来五分钟会是什么样的,人生不带来,死不带走。所以,我要开开心心的活着,我想说:”活着真好“。
 

Tags:

FF用css实现英文数字自动换行的两种解决方法

第一种解决方案:
用CSS,style=”table-layout:fixed;word-break:break-all”,这是一种比较常用的方法,在IE下面没有任何问题,但是在火狐下就不起任何作用了,经过本人的测试,你可以在文章中加入标点符号或者用空格隔开,就可以实现英文和数字的自动换行。
第二种解决方案:
用脚本控制,举例如下:

Tags:

第四套模板<点燃激情 传递梦想>

我的第四套模板出炉了<点燃激情 传递梦想>,有喜欢的去http://bbs.oblog.cn 模板区下载.
为奥运加油,为OBLOG加油,为傲博致远加油!!
 

Tags:

第三套模板

我第三个模板<点亮中国>,为中国,为奥运,我努力做板子,希望到我这里来的设计朋友,拿起鼠标,绘画你心目中的奥动,为中国添彩,为自己打气.我们共同加油吧!!

 

Tags:

现实与激情

每个人都会从天真纯情少年少女阶段度过,走向成熟现实的世界中.这说明你长大了,也正明你成熟了.但我还是喜欢少年时代,那是多么纯洁的时代,很多美好的故事都是那个时期产生的.当人受过伤,吃过苦后,就像变一个人似的,因为他看到了现实的可怕.人也没有了少年时期的激情与冲动.
在以前,看到一个帅哥会心然砰动.出去游玩会非常高兴.现在呢,交往的对象必须要经过审合,管他丑与俊.出去玩也没有兴致.这就是现实,现实让人缺少了激情.
无论开始有多大的激情都会随着现实的体验而慢慢的消褪,只有当真正处理好现实、理解了现实,那份激情才会重新燃起。我衷心希望那份激情能快点回到我们的身边。
如果人太过现实了,那他就会失去创造力.我也曾经拥有过无数的梦想,却被现实击的粉碎,现在我明白,不是社会太现实了,是自己不具备击败这现实的能力!如果一个人没有梦想,那将十分可怕,而有了梦想却不努力去实现它,才是真正的可悲.

Tags:

五一 劳动节

  今天是劳动节,辛苦工作的人们都闲下来休息休息。身边很多朋友都去旅游了,美娜不陪我们玩去了西霞口。小哥也不回来,在学校陪女友玩。而我和姐姐在家大眼瞪小眼过了一天,真的好无聊,没劲透顶了。
  不知道明天干什么呢,希望有点活动,出去运动运动,这样老呆在家会真的与世隔绝了,到时候就是第二个小龙女在世了
——————————————————
  不知道什么时候心门才会打开,渴望良人的出现。。。

Tags: