We added color to a CSS class that we already had made previously. This kept the original font style but added a color to it. We can also add style to HTML tags. We added a background color to the body and since we already had used the body tag, we didn’t have to make any other adjustments.

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

This is the Verdana font. I am a quarterback and I love football.

This is the Georgia font. I like dogs and cats.

This is the Courier font. Barack Obama has one more year in office.

This is the Arial font. My favorite subject in school is non-existant.

This is the Tahoma font. I don't know much about architecture, but I think it involves buildings.

This is the Trebuchet MS font. The Olympic games are always fun to watch.