各浏览器都有自已的缺省样式,例如:<img>元素的body属性,这不是什么好事情,因为我们需要网站前端在各个浏览器下面显示都差不多,所以都把它们清除掉。因为这样的原因,我也就省略列出了,只给出如何清除HTML和浏览器缺省样式的CSS了。
Yahoo!已经为我们做了总结。根据雅虎的建议,你需要把这些规则放到一个名为Reset.css的文件中单独引用(推荐这种做法):
CSS Code复制内容到剪贴板
- body,div,
- dl,dt,dd,ul,ol,li,
- h1,h2,h3,h4,h5,h6,
- pre,form,fieldset,input,textarea,p,blockquote,th,td {
- margin:0;
- padding:0;
- }
- table {
- border-collapse:collapse;
- border-spacing:0;
- }
- fieldset,img {
- border:0;
- }
- address,caption,cite,code,dfn,em,strong,th,var {
- font-style:normal;
- font-weight:normal;
- }
- ol,ul {
- list-style:none;
- }
- caption,th {
- text-align:left;
- }
- h1,h2,h3,h4,h5,h6 {
- font-size:100%;
- font-weight:normal;
- }
- q:before,q:after {
- content:'';
- }
- abbr,acronym { border:0;
- }