文章来自：http://mayer.vokaa.com/archives/16
对于一个前端工作者，都知道符合W3C规范对于网页的跨浏览器工作带来好处，并能使网页在不同的浏览器之间互相兼容。
在这里我们一一列举互联网上所提供的解决办法及一些我个人的建议及实践案例。
其实，现在多数人都会使用Hack的方法解决，但如果DIV和CSS的结构清晰、合理，可能我们根本不需要这些Hack。
一、DOCTYPE 对CSS处理所带来的影响
严格模式（strict）的HTML 1.0 规范，使用时浏览器将相对严格，不允许使用任何表现形式的标识和属性，如在元素中直接使用bgcolor背景色属性等。
1
<!doctype html public "-/w3c/dtd xhtml 1.0 strict/en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
过度模式（transitional）的HTML 1.0 规范，是指一种过渡类型，使用这种类型浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。
1
<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
框架模式（Frameset）的HTML 1.0 规范，是指一种过渡类型，框架页类型，如果网页使用了框架结构，就有必要使用这样的文档声明。
1
<!doctype html public "-/w3c/dtd xhtml 1.0 frameset/en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
二、声明有效的文档语言
XHTML文档使用英文时：
1
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
XHTML文档使用中文时：
1
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
XHTML文档使用繁体时：
1
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-HK">
三、DIV居中问题
使用下列代码，在IE和FF下，DIV都能有效居中。
1
.warp{margin: 0px auto;}
五、在FF下设置 padding 或 margin 后，div会增加 height 和 width，但 IE 不会。
在CSS文件头部全局清空margin和padding的值，保证所有浏览器下都为0px即可。
1
* { margin:0; padding:0; }
六、以下提
ID.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="ID.css"?>
<bookdetail>
<book class="A" id="B1">
<author>曹雪芹</author>
<title>红楼梦</title>
<price>60.00</price>
</book>
<book class="A ......
为单个标签定义：
br{
text-align: center;
color: #000000;
font-family:宋体;
}
为br标签指定了3个样式属性，包含对其方式、文字颜色及字体。
在网页中一个每个ID只能使用一次，如：
<div id="main"></div>
在CSS样式表中，ID� ......
Block element 块级元素
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外� ......
