Skip navigation.

Posts tagged with "body"

Body, Font-Size, Font-Family, Color

, ,

Notes on BODY Elements

background:
You can change the background color and image (see tutorial, supra). Be sure you choose a background color that coordinates with the background image chosen.
font-family:
This controls what fonts are used; use sans-serif for legibility; reserve serif fonts for headings.
font-size:
Keep this at 12px or above for legibility. Browsers like Opera can resize and zoom fonts; Internet Explorer can do so, but to a lesser extent.
color:
Be sure to use hex codes when declaring color values; not all browsers recognize named colors (e.g., white,black,teal,red, etc.).
body {
background:#292929 url(/community/graphics/users/8/bg.gif);
margin:0;
padding:0;
font-family:'lucida grande','lucida sans unicode','bitstream vera sans', 'trebuchet ms',arial,sans-serif;
font-size:12px;
text-align:center;
color:#222;
}
Download Opera, the fastest and most secure browser
December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31