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);
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.
Search WWH ::

Custom Search