当我设置字体系列,字体大小,颜色等,似乎一些嵌套的元素覆盖这些丑陋的浏览器默认值。
对于页面上的任何类型的元素,我必须多次指定它们吗? 或者有没有一种方法可以将它们永久地全局设置?
怎么做?
如果为 body元素指定 CSS 属性,那么它应该应用于 <body></body>中的任何内容,只要不在样式表中重写它们。
body
<body></body>
你可以把它们放在身体标签上
body { font-size:xxx; font-family:yyyy; }
如果你使用 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 重置; 查看像 这个这样的线程
* { font-size: 100%; font-family: Arial; }
星号表示所有元素。
这个建议再怎么强调都不为过: 使用重置样式表,然后显式地设置所有内容。它会将跨浏览器的 CSS 开发时间减少一半。
试试 Eric Meyer 的 Reset.css.
如果要设置主体中所有元素的样式,应该使用下面的代码 ^
body{ color: green; }