ISAPI rewrite中文手册

Tags:rewrite.

我们在进行网站搜索引擎优化（SEO）或在服务器进行防盗链设置的时候，可能会用到ISAPI rewrite，下面是ISAPI rewrite的手册，翻译成中文。 (全文…)

em与px的区别以及em特点和应用

Tags:em, px.

一直也搞不清楚px与em之间的关系和特点，看过95%的中国网站需要重写CSS以后后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为

1. IE无法调整那些使用px作为单位的字体大小；

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；

3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

任意浏览器的默认字体高都是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会继承父级元素的字体大小。

所以我们在写CSS的时候，需要注意两点：

1. body选择器中声明Font-size=62.5%；

2. 将你的原来的px数值除以10，然后换上em作为单位；

3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。

但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小，而是稍大一点。这个问题Jorux已经解决，只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值精确度有限。不知道有没有其他的解释。

让站长或程序员过劳无功的13个坏习惯

你的工作是不是总也做不完？是不是经常加班？有时候这一切很可能是由坏习惯造成的……

1. QQ、MSN、Gtalk，一个都不少。
由于聊天对象与聊天内容的不可控制性，使用即时通讯软件是降低工作效率的罪魁祸首。有调查显示，使用即时通讯软件，工作效率会降低20%。 (全文…)

CSS的渲染效率—-书写高效的CSS

Tags:css efficiency.

根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。

1、十六进制的颜色值对位数与大小写

编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。

* 不赞成 – color:#f3a;

* 建议用 – color:#FF33AA; (全文…)

兼容IE6 position:fixed

Tags:CSS, fixed, position.

IE6以下不能理解style = “position:fixed”,
所以我们要用javascript来兼容rubbish的它

我们要在js文件里写么，no，因为是IE，我们有更好的方式，那就是style.setExpression

也许应该这样
obj.style.setExpression(‘top’,'document.body.scrollTop + 100′); (全文…)

【转】HTML属性以及相对应的CSS方法

Tags:CSS, html.

align=”left” HTML/CSS float:left;
align=”right” HTML/CSS float:right;
使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等
当你使用float属性，必须给这个浮动元素定义一个宽度。

marginwidth=”0″ leftmargin=”0″ marginheight=”0″ topmargin=”0″ HTML/CSS margin: 0;
使用CSS, margin可以设置在任何元素上, 不仅仅是body元素.更重要的，你可以分别指定元素的top, right, bottom和left的margin值。 (全文…)

CSS的优先权

Tags:CSS.

优先权问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。

首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。 (全文…)

元素水平居中方案总结

Tags:center, 水平居中.

先来看我一个简单XHTML/HTML文件代码（部分），我们的目的是让#container水平居中。

(全文…)

IE, FireFox, Opera 浏览器支持Alpha透明的方法

Tags:CSS, 透明.

先请看如下代码：

filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/

(全文…)

让max-*, min-*在IE6中有效的解决方案

Tags:CSS, ie6, max, min.

max-width、max-height、min-width和min-height这四个性质（property）分别表示最大宽度、最大高度、最小宽度和最小高度。它们在CSS中有着很重要的作用，比如，它们可以用来很好地协调各种不同分辨率下用户端（client）的显示效果，举个例子，你设计的网页由于侧栏（sidebar）过宽，当用户使用640*480或者更小的分辨率浏览网页的话，就会导致内容（content）栏过窄，影响用户的阅读，一个办法是，把内容或者包含内容的div的宽度固定一个最小值，姑且是780px吧，那么我们可以这样写：min-width: 780px;，这样，当用户端分辨率的宽度在小于780px时，会在水平位置上出现滚动条，不至于影响布局，用户稍微移动一下滚动条就可以方便阅读主要内容。
(全文…)