当我设置字体系列、字体大小、颜色等时,似乎一些嵌套元素用丑陋的浏览器默认设置覆盖了这些设置。
我真的必须为页面上的任何一种元素指定几十次吗?或者有没有一种方法可以一劳永逸地全局设置它们?
如何做到这一点?
发布于 2010-10-15 20:57:14
* {
font-size: 100%;
font-family: Arial;
}
星号表示所有元素。
发布于 2010-10-15 20:43:47
如果你正在使用IE,对于某些元素,比如表格,它很可能会恢复为浏览器的默认设置。你可以用下面这样的CSS来解决这个问题:
html, body, form, fieldset, table, tr, td, img {
margin: 0;
padding: 0;
font: 100%/150% calibri,helvetica,sans-serif;
}
input, button, select, textarea, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
/* rest of your styles; like: */
body {
font-size: 0.875em;
}
编辑:您可能想要阅读CSS重置;请参阅像this one这样的线程
发布于 2010-10-16 03:07:58
我再怎么强调这个建议也不为过:使用一个重置样式表,然后显式地设置所有内容。它可以将跨浏览器CSS开发时间缩短一半。
试试Eric Meyer的reset.css.
https://stackoverflow.com/questions/3942254
复制相似问题