如何为HTML网页上的所有元素指定字体属性?
当我设置字体家族,字体大小,颜色等,似乎一些嵌套元素覆盖丑陋的浏览器默认这些。
我真的必须为我的页面上的任何元素指定几十次,还是有办法将它们全局设置为一次?
怎么做?
* { font-size: 100%; font-family: Arial; }
星号表示所有元素。
如果您使用的是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重置; 看到像这样的线程
我不能强调这个build议足够:使用重置样式表,然后明确设置所有内容。 它会将您的跨浏览器CSS开发时间缩短一半。
尝试Eric Meyer的reset.css。
你可以在body标签中设置它们
body { font-size:xxx; font-family:yyyy; }
如果为body
元素指定CSS属性,只要不在样式表的后面覆盖它们,就应该应用于<body></body>
任何内容。