Web Site Case Study: Implementing CSS^119

● Style rules for the ddselector that configure italic, smaller than the default

(.90em) font size, with 200% line height

● Style rules for the logoclass that configure background color (#ffffcc) and

text color (#48751A)

● Style rules for a navigation area (use an id named nav) that displays text in

bold, large (1.2em) font

● Style rules for a class named contact with bold, smaller than the default

(.90em) using the Times New Roman or any serif font

● Style rules for the page footer area (use an id named footer) with small font

size (.60em) and italic text

Save the file as prime.css in the primecss folder. Check your syntax with the CSS

validator (http://jigsaw.w3.org/css-validator). Correct and retest if necessary.

2. The Home Page.Launch Notepad and open the index.html file. You will modify
   this file to apply styles from the prime.css external style sheet.
   ● Add a element to associate the Web page with the prime.css external
   style sheet file. Save and test your index.html page in a browser and you’ll
   notice that the styles configured with the bodyselector are already applied!
   ● Configure the logo area. Assign the

   element to the class named logo.
   ● Configure the navigation area. Since the navigation is not semantically a
   “paragraph” (a collection of sentences about a central topic), replace the

   
   element with a

   element. Assign this

   to the idnamednav.
   Remove the element from this area.
   ● Configure the paragraph containing the address and phone information.
   Assign this area to the class named contact. Remove the element
   from this area.

Go to the end of the

book for a full color

version of this figure