HTML and CSS Reference
In-Depth Information
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
h2
selector that configure background color (
#ffffcc
) and
text color (
#003366
)
●
Style rules for the
h3
selector that configure background color (
#ffffcc
) and
text color (
#006600
)
●
Search WWH ::
Custom Search