发表新帖
发表新帖

How to specify font attributes for all elements on an html web page?

后端 未结
关注
6 1074
野的像风
野的像风 2020-12-12 23:15

When I set the font family, font size, color etc. it seems that some nested elements override these with ugly browser defaults.

Must I really specify those a dozens

相关标签:
6条回答
  • 有刺的猬
    2020-12-12 23:37

    If you're using IE, chances are it will revert to the browser defaults for certain elements, like tables. You can counter that with something like the following 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;
}

    Edit: you may want to read up on CSS resets; see threads like this one

    0 讨论(0)
  • 终归单人心
    2020-12-12 23:40 
    * {
 font-size: 100%;
 font-family: Arial;
}

    The asterisk implies all elements.

    0 讨论(0)
  • 忘掉有多难
    2020-12-12 23:40

    If you specify CSS attributes for your body element it should apply to anything within <body></body> so long as you don't override them later in the stylesheet.

    0 讨论(0)
  • 遇见更好的自我
    2020-12-12 23:43

    I can't stress this advice enough: use a reset stylesheet, then set everything explicitly. It'll cut your cross-browser CSS development time in half.

    Try Eric Meyer's reset.css.

    0 讨论(0)
  • 野性不改
    2020-12-12 23:56

    you can set them in the body tag

    body
{
    font-size:xxx;
    font-family:yyyy;
}
    0 讨论(0)
  • 忘掉有多难
    2020-12-12 23:57

    If you want to set styles of all elements in body you should use next code^ 

      body{
    color: green;
    }
    0 讨论(0)
 看不清?
提交回复
热议问题