Skip navigation.

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;
}

Introduction and Key to Navigating the TutorialsDefault Theme: Theme 4

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.

Download Opera, the fastest and most secure browser
January 2010
S M T W T F S
December 2009February 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