如何让我的CSS代码与所有浏览器兼容？

Question

p { 
     margin:0;padding:0; 
    } 
    p#error { 
     color:#FF0000; 
     text-align:center; 
    } 
    p#success { 
     color:#3983C2; 
     text-align:center; 
    } 
    div#nav { 
     background-image:url('../img/nav.png'); 
     background-repeat:no-repeat; 
     padding-top:5px; 
     padding-bottom:5px; 
    } 
    div#nav, a { 
     text-decoration:none; 
    } 
    body { 
     margin:0 auto; 
     width:600px; 
    } 
    div#login, div#register { 
     background-image:url('../img/form.png'); 
     background-repeat:repeat-y; 
     padding-top:5px; 
     padding-bottom:5px; 
    } 
    div#login table, div#register table { 
     margin:0 auto; 
    } 
    div#login table td, div#register table td { 
     text-align:right; 
    } 
    div#login input#btn, div#register input#btn { 
     background-image:url('../img/btn.png'); 
     border-style:none; 
     width:70px;height:25px; 
    } 
    div#footer { 
     background-image:url('../img/footer.png'); 
     height:30px; 
    } 

这是我的CSS代码。我不知道如何让这个CSS在其他浏览器中工作，目前我正在使用Chrome。我已经在网上搜索了许多页面，并找到了相关信息，但这些对我来说更难理解。需要你的建议或者等等非常感谢！

Answer 1

您的CSS应该可以在所有浏览器中正常工作。从浏览器到浏览器可能不会显示相同的内容。大多数开发人员使用重置来解决该问题。

CSS RESET

http://meyerweb.com/eric/tools/css/reset/

或

NORMALIZE

http://necolas.github.com/normalize.css/

Answer 2

的问题是，每个浏览器增加了不同的默认页边距，填充，等等，以不同的项目。这意味着你会在每个布局中获得不同的布局。

我喜欢做一个CSS休息这样的：

*{margin:0; padding:0} 

Answer 3

IE（最坏的敌人）：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
火狐：http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
歌剧：How to make CSS visible only for Opera