Notice that we know added a background image to the page. The actual image is very small for a very good reason. The default setting for the background image in CSS is "repeat." "Repeat" tells the browser to repeat the image over and over. If I tell the CSS code to not repeat, the image will be very small, just like the image you saw on the page where you copied it.

See how some of the text colors show up well against the background and some do not? Choosing correct colors when designing websites is important because the Web Content Accessibility Guidelines 1.0 requires that foreground and background color combinations provide sufficent contrast when viewed on a black and white screen. You can check contrasting colors by searching Google for "CSS contrast color checker."

This is the Verdana font.

This is the Georgia font.

This is the Courier font.

This is the Arial font.

This is the Tahoma font.

This is the Trebuchet Ms font.

Which one do you like the best?