Web Development and Design Foundations with XHTML, 5th Edition

(^118) Chapter 3 Configuring Color and Text with CSS
Figure 3.27
New services.html
page
Prime Properties
See Chapter 2 for an introduction to the Prime Properties Case Study. Figure 2.38
shows a site map for the Prime Properties Web site. The Home page and Financing page
were created in Chapter 2. You will use the existing Web site as a start while you create
a new version of this Web site that uses an external style sheet to configure text and
color.
You have the following tasks:

1. Create an external style sheet named prime.css that configures the color and text
   for the Prime Properties Web site.


2. Modify the Home page to use an external style sheet to configure colors and
   fonts. The new Home page and color swatches are shown in Figure 3.28 (shown
   also in the Color Insert Section).


3. Modify the Financing page to be consistent with the new Home page.

Hands-On Practice Case

Create a folder called primecss. Copy all the files from your prime folder into the

primecss folder.

1. The External Style Sheet.Launch Notepad. You will create an external style sheet
   named prime.css. Code the CSS to configure the following:
   ● Global styles for the document background color (#ffffcc), text color
   (#003300), and Arial, Helvetica, or any sans-serif font
   ● Style rules for the h2selector that configure background color (#ffffcc) and
   text color (#003366)
   ● Style rules for the h3selector that configure background color (#ffffcc) and
   text color (#006600)