摘要：
“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、 padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。 在css2.1中，水平的margin不会被折叠。 垂直margin可能在一些盒模型中被折叠： 1、在常规文档流中，2个或以上的块级盒模型相邻的垂直margin会被折叠。 最终的margin值计算方法如下： a、全部都为正值，取最大者； b、不全是正值，则都取绝对值，然后用正值减去最大值； c、没有正值，则都取绝对值，然后用0减去最大值。 注意： 阅读全文
摘要：
Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.scrollTop后，则显示正常。网友提示：由于document.documentElement.scrollTop和document.body.scrollTop在标准模式或者是奇怪模式下都只有一个会返回有效的值，所以都加上也不会有问题（看来上面的问题是Chrome可能把文档当作非标准文档来解析了）。即获取高度时使用document.documentElement.scrollTop+document.body.scrollTop，经测试，代码在IE、Fir 阅读全文
摘要：
避免使用通配规则 如 *{} 计算次数惊人！只对需要用到的元素进行选择尽量少的去对标签进行选择，而是用class 如：#nav li{},可以为li加上nav_item的类名，如下选择.nav_item{}不要去用标签限定ID或者类选择符 如：ul#nav,应该简化为#nav尽量少的去使用后代选择器，降低选择器的权重值 后代选择器的开销是最高的，尽量将选择器的深度降到最低，最高不要超过三层，更多的使用类来关联每一个标签元素考虑继承 了解哪些属性是可以通过继承而来的，然后避免对这些属性重复指定规则 阅读全文
摘要：
@media screen and (-webkit-min-device-pixel-ratio:0) {/* 针对webkit*/body{color:red;}} 阅读全文
摘要：
.renzheng li {text-align:center;width: 90px; height:41px; background:url(images/renzheng_bg.gif) center top no-repeat; padding:5px 0; margin:5px 0; float:left; overflow:hidden;}.renzheng li a{ /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的H 阅读全文
摘要：
#divBimgTop {text-align:center;}#divBimgTop img {vertical-align:middle;max-width:360px;max-height:270px;width: expression(this.width > 360 && this.width / 360>= this.height / 270 ? 360 : true);height: expression(this.height > 270 && this.width / 360 < this.height / 270 ? 阅读全文
摘要：
IE：filter:alpha(opacity=sqlN)其中 sqlN的值域为[0, 100]Firefox：-moz-opacity:sqlN其中sqlN的值域为[0, 1]Chrome和Safari：opacity:sqlN其中sqlN的值域为[0, 1] 阅读全文
摘要：
HTML页面标签编码都是utf-8当IE右键不勾选自动选择编码的时候，IE是从解析页面标签优先再http header信息，而其他浏览器刚好相反。由于这个原因，title里如果包含了中文字符，就会导致编码自动选择成gb2312导致页面乱码或者空白。因此一定要把<META http-equiv=Content-Type content="text/html; charset=utf-8">代码放在title标签之前。 阅读全文
摘要：
//是否含有汉字function hasChinese(s){ var rname=/[\u4E00-\u9FA5]/; if(rname.test(s)){ return true; }else{ return false; }}//是否全部是汉字function isChinese(str){ var reg = /^[\u4E00-\u9FA5]+$/; if(!reg.test(str)){ return false; } else { return true; }}//是否是邮箱地址function isEmail(str){ var chk=true; if (str===' 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文