梅的css和js窝

翻译：On having layout2006.04.1104:42[ xHTML/CSS ]译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，

可以不必在Web站点上创建一个独立的与打印相关的页面。　　大多数的Web页面都显示在电脑屏幕上，人们通过屏幕观看，但是，有时候用户想要将一些网上的内容打印出来，这就需要与打印媒体连接起来。由于原来采用的是能让Web页面在屏幕上显示的效果很好的那种格式，但在打印时效果并不那么好，Web创建者们通常都会创建一些独立的页面，这些页面与打印机联系紧密，而用户也需要经常打印这些页面。但如果你使用了XHTML

对于IE的box-model的破解IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服http://www.tantek.com/CSS/Examples/boxmodelhack.htmlIE5.X/win对box-model的解析是一样的，他们认为width包括了边框(border)和补白(pad

 相对来说，FF对CSS要求更严格一些。对FF来说，一般在属性后加!important就可以了，这样就对FF等浏览器重新定义了。有以下方面,都是从网上找的:FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 widthFF: 支持 !important, IE 则忽略, 可用 !impor

总结选自（CSS权威指南） 引用内容vertical-align初始值：　baseline（缺省值）可否继承：否适用于：　内联元素说明：vertical-align:baseline使元素的基线同父元素的基线对齐．警告：vertical-align不能影响表格单元中的内容的对齐，对于块元素中的内容也一样．文字不多，但时常有人范错误，有人说我用了为什么没有效果呢？首行看一下他的代

　　当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案： 　　在层的最下方产生一个高度为1的空格，可解除这个问题另外还有这样写的：或者

 

  * { outline: 2px dotted red }  * * { outline: 2px dotted green }  * * * { outline: 2px dotted orange }  * * * * { outline: 2px dotted blue }  * * * * * { outline: 1px solid red }  * * * * * * { outl

 最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点：1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。IE6.0和FF1.5测试通过 效果浏览分析：最外层的wrapper把所有内容都嵌套在里边，整体相对定位。max min已经很好的控制了最窄最宽

 在使用CSS实现表现的时候，会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari但很遗憾，最流行的IE和Firefox却不支持这个属性（据说下一版本的Firefox将会支持display:inli

IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是：>b

图片自动等比例缩小，其实如果不考虑ie6的话，用css就可以实现，设定img的max-width和max-height，而标签内不设定widht和height即可。 ie7已经支持max-width和max-height，这是为数不多的好消息之一。 但是对于ie6及以前的版本，就只能用js来设置了。 在 ff 2.0/ ie6 / ie7 中测试通过。 opera 8.5 cn 垂直居中未通过，正