作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。
理解 CSS 盒子模型
如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。
CSS 盒子模型负责处理以下事情:
一个 blcok （区块）级对象占据多大的空间
该对象的边界，留白
盒子的尺寸
盒子与页面其它元素的相对位置
CSS 盒子模型有以下准则:
Block （区块）对象都是矩形 （事实上所有对象都如此）
其尺寸由 width, height, padding, borders, 以及 margins 决定
如果不设置高度，该盒子的高度将自动适应其包含的内容，加上留白等（除非使用了 float）
如果不设置宽度，一个非 float 型盒子水平上将充满其父容器（扣除父容器的留白）
处理 block 级对象时，必须注意以下事项:
如果一个盒子的宽度设置为 100%，它就不能再设置 margins, padding, 和 borders，否则会撑破其父容器
垂直毗邻的 margin 会引起复杂的坍塌问题，导致布局问题（比如两个垂直毗邻的 Block 对象，上面的对象的 bottom-margin 为 40，下面的对象的 top-margin 为 20，则两个对象的间距将是 40，而不是 60 - ...
跨浏览器变成可是一件痛苦而且有复杂的事情，兼容每个浏览器，甚至每个浏览器的不同版本。
我们生活在一个幸福又痛苦的时代，有太多的浏览器可以使用，对 Web 开发与设计者而言，你有义务保证你的设计兼容所有主流浏览器。然而跨浏览器测试是件相当复杂的事，涉及不同的浏览器，不同的版本，不同的平台。本文介绍了与跨浏览器兼容测试有关的大量资源。
在线测试资源
Browsershots
是一个备受欢迎的免费在线跨浏览器测试工具，包含各种平台的各种浏览器，会为你的网站截图，因为太受欢迎，所以要排队。
Netrenderer
针对不同版本的 IE 进行测试，甚至即将包含 IE9。
Browsrcamp
免费版支持 Mac 上的 Safari 3.1.2 测试，收费版本包括更多 Mac 浏览器。
Adobe Browserlab
老牌的跨浏览器测试平台。
Litmusapp
特点是，可以得到一份完整的跨浏览器兼容测试报告，免费版只限于 IE7 和 Firefox 2。
Anybrowser siteviewer
可以按不同屏幕尺寸在不同浏览器中预览你的网页，甚至可以在不同页之间浏览。
Fundisom
一个 Mac 平台的网站截图生成工具，支持 Safari，MacIE 和 Mozilla，目前好像宕机了。
Delorie lynxview
看看你的网页在纯文本浏览器 lynx 中的样子。
Browsera
更像一个整站测试工具，而不是单纯的网页截图工具，会爬遍你的站点，对整个站点进行测试。
插件和工具资源
IE Tab
这是一个 Firefox 扩展，可以以新标签的形式，以 IE 引擎显示页面。
IETester
一个免费的多版本 IE 内核浏览器，支持 IE9/8/7/6/5.5，支持 Windows 7，Vista，XP。
IECapt
一个小巧的命令符工具，可以将指定网页在 IE 中的渲染结果输出到 BMP，JPG 和 PNG 图片。
Multi-Safari
多版本 Safari 测试。
Expression Web SuperPreview
不同版本的 IE 测试。
Iphoney
如果你针对 iPhone ...
Web 设计与开发师的一个重要工作环节是跨浏览器测试，谁让我们生活在这个既幸福又痛苦的时代，有那么多浏览器摆在我们面前，还有那个噩梦般总也摆脱不掉的 IE6。本文讲述了与跨浏览器测试有关的各种问题与知识，包括渲染，平台，设备以及 JavaScript 引擎。
梦幻五组合
IE 独霸天下的那些日子，Web 设计师不时陷入 IE 同它竞争者的口水战，然而，当一些新的，注重 Web 标准的浏览器出现时，事情发生了改变，IE 的统治地位受到了挑战。时过境迁，移动浏览器与新渲染引擎的出现，使 Web 设计者开始考虑跨浏览器测试的问题。如今，Web 设计者逐渐将目标固定在5或6个主要浏览器，然而事情并没有了结，一劳永逸是一个永远的梦。
尽管浏览器市场被5大浏览器主导，但是，也不能忽视那个占 0.87% 的其它。
一般来说，跨浏览器测试是针对不同的渲染引擎，假如你已经针对 Trident，Gecko，Webkit，Presto 等主流渲染引擎做过了测试，似乎可以说已经是比较安全了。然而，针对更广泛的设备与平台的测试仍然必要，可以帮你发现很多潜在的问题。
Trident (Internet Explorer), Gecko (Firefox), Webkit (Chrome and Safari) and Presto (Opera).
基础测试
目前，一个严重的问题是设备相关性。Apple 一意孤行拒绝在 iPhone 和 iPad 中支持 Flash，Apple 与 Adobe 相互攻击的声音不绝于耳。尽管 Flash 自己负责内容的渲染，但，仅仅在主流浏览器进行测试仍不足发现潜在的问题，拓展你的测试范围势在必行。
Flash 自己渲染内容，但并不是所有浏览器都支持 Flash。
另一个问题是渲染引擎的版本，支持最新版本固然重要，然而很多设备仍在使用旧版本的渲染引擎，这要求我们同时针对渲染引擎的新旧版本进行测试。
Internet Explorer 6.0 使用的是 BUG 重重的旧 Trident 渲染引擎
渲染引擎的问题不仅存在于版本之间，还有不同的平台和设备，毫无疑问，针对各种平台，各种设备的测试会让你疯掉。为小屏幕进行设计着实不易，尤其当 ...