首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何为html网页上的所有元素指定字体属性?

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

Stack Overflow用户
提问于 2010-10-15 20:35:58
回答 6查看 220K关注 0票数 145

当我设置字体系列、字体大小、颜色等时,似乎一些嵌套元素用丑陋的浏览器默认设置覆盖了这些设置。

我真的必须为页面上的任何一种元素指定几十次吗?或者有没有一种方法可以一劳永逸地全局设置它们?

如何做到这一点?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2010-10-15 20:57:14

代码语言:javascript
复制
* {
 font-size: 100%;
 font-family: Arial;
}

星号表示所有元素。

票数 276
EN

Stack Overflow用户

发布于 2010-10-15 20:43:47

如果你正在使用IE,对于某些元素,比如表格,它很可能会恢复为浏览器的默认设置。你可以用下面这样的CSS来解决这个问题:

代码语言:javascript
复制
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这样的线程

票数 21
EN

Stack Overflow用户

发布于 2010-10-16 03:07:58

我再怎么强调这个建议也不为过:使用一个重置样式表,然后显式地设置所有内容。它可以将跨浏览器CSS开发时间缩短一半。

试试Eric Meyer的reset.css.

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3942254

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档