HTML and CSS Reference
In-Depth Information
Tammy is pleased with your work on the style sheet for the Sunny Acres home page.
Your only remaining task is to apply your style sheet to the other pages to confi rm that
your design choices work properly for every page. Tammy also would like a different
background color for the
h1
headings on each page. You'll set the background colors
using embedded style sheets in the other pages on the Web site.
To apply the style sheet to the other pages on the site:
◗
1.
Go to the
maze.htm
file in your text editor.
◗
2.
Directly above the closing
</head>
tag, insert the following
link
elements and
embedded style sheet (see Figure 3-59):
<link href=”sa_layout.css” rel=”stylesheet” type=”text/css” />
<link href=”sa_styles.css” rel=”stylesheet” type=”text/css” />
<style type=”text/css”>
section h1 {
background-color: rgb(191, 141, 101);
}
</style>
Figure 3-59
Style sheets for the maze.htm fi le
◗
3.
Save your changes to the file.
◗
4.
Repeat Steps 2 and 3 for the
haunted.htm
,
petting.htm
, and
produce.htm
files.
Set the
h1
background colors for these three files to
rgb(0, 0, 0)
,
rgb(133, 109, 85)
,
and
rgb(50, 69, 99)
, respectively.
◗
5.
Reopen the
home.htm
file in your Web browser and navigate through Tammy's
Web site. Verify that the layout and color scheme have been applied to every
sample page that Tammy has developed. Figure 3-60 shows the completed Web
page for the Farm Shop.
◗
6.
Submit your completed files to your instructor, in either printed or electronic
form, as requested.
