如何为html网页上的所有元素指定字体属性？

Question

当我设置字体系列,字体大小,颜色等时,似乎有些嵌套元素会使用丑陋的浏览器默认值覆盖它们.

我必须真正为我的页面上的任何元素指定那些数十次,或者有没有办法在全球范围内永久设置它们？

怎么做？

Answer 1

* {
 font-size: 100%;
 font-family: Arial;
}

星号表示所有元素.

Answer 2

如果您正在使用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重置; 看到像这样的线程

Answer 3

我不能强调这个建议:使用重置样式表,然后明确设置所有内容.它会将您的跨浏览器CSS开发时间缩短一半.

试试Eric Meyer的reset.css.

Answer 4

你可以在body标签中设置它们

body
{
    font-size:xxx;
    font-family:yyyy;
}