Go to the Structural Styles section and create a style rule that sets the background color of

Fantastic news! We've Found the answer you've been seeking!

Question:

Go to the Structural Styles section and create a style rule that sets the background color of the browser window to rgb(173, 189, 227).

Create a style rule for the body element that sets the background color to rgb(227, 210, 173) and sets the body font to the font stack: ‘Century Gothic’, sans-serif.

Create a style rule to display the body footer with a background color of rgb(208, 184, 109) and set the top and bottom padding space to 5 pixels.

Create a style rule for the address element to display the text in a normal font with a font size of 0.9em, horizontally center the text, and set the top and bottom padding to 10 pixels.

Go to the Heading Styles section and create a style rule to set the font weight of all h1 and h2 headings to normal.

Navigation Styles

Go to the Navigation Styles section and create a style rule for the nav > ul selector that removes all list markers, sets the line height to 2em, and sets the font size to 0.9em.

For every previously visited or unvisited hypertext link within the navigation list, create a style rule to remove the underlining from the hypertext link and to set the text color to rgb(43, 59, 125).

For every hovered or active link within the navigation list, create a style rule to set the text color to rgb(212, 35, 35).

Format Tour Summary

Adriana has put information about the tour in an article with the ID "tour_summary". Format this article, starting with the heading. Go to the Article Styles section and create a style rule for h1 elements nested within the tour_summary article that sets the font size to 2.2em and the letter spacing to 0.2em.

Create a style rule for paragraphs within the tour_summary article that sets the font size to 1.1em.

Adriana wants the first line in the tour_summary article to appear in small capital letters. Use the first-of-type pseudo-class and the first-line pseudo-element to create a style rule that displays the first line of the first paragraph within the tour_summary article at a font size of 1.2em and in small caps.

Format Tour Itinerary

The tour itinerary is displayed within an aside element with the ID tour_itinerary . Go to the Aside Styles section and for every h1 element nested within the tour_itinerary aside element, create a style rule that sets the font size to 1.2em.

For every h2 element within the tour_itinerary aside element, set the font size to 0.9em.

Set the font size of paragraphs within the tour_itinerary aside element to 0.8em.

My Code:

mw_styles.css

@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 2
Case Problem 2

Bike the Mountains Tour Style Sheet
Author: Alicia Eidsaune
Date: November 15, 2018

Filename: mw_styles.css

/* Structural Styles */
html {
background-color: rgb(173, 189,227);
}
body {
background-color: rgb(227,210,172); font-family: Century Gothic, sans-serif;
}

body > footer {
background-color: rgb(208, 184, 109);
padding-top: 5px;
padding-bottom: 5px;
}

address {
font-weight: normal;
font-size:0.9em;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

/* Heading Styles */
h1 {
font-weight: normal;
}
h2 {
font-weight: normal;
}

/* Navigation Styles */

nav > ul
{
list-style-type: none;
line-height: 2em; /* to set line height */
font-size: 0.9em;
}

/* select all unvisited links */
nav ul a:link
{
text-decoration: none;
color: rgb(43, 59, 125);
}

nav ul a:visited
{
text-decoration: none;
color: rgb(43, 59, 125);

nav ul a:hover
{
color:rgb(212, 35, 35);
}

nav ul a:active
{
color:rgb(212, 35, 35);
}

/* Article Styles */
#tour_summary h1 {
font-size: 2.2em;
letter-spacing:0.2em;
}

#tour_summary > p > {
font-size:1.1em;
}

p:first-of-type::first-line#tour_summary {
font-size:1.2em;
font-variant: small-caps;
}

/* Aside Styles */
#tour_itenerary h1 {
font-size: 1.2em;
}
#tour_itenerary h2 {
font-size:0.9em;
}
#tour_itenerary > p > {
font-size:0.8em;
}
/* Blockquote Styles */

mw_tour.html (partial)

<!doctype html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 2
Case Problem 2

Bike the Mountains Tour
Author: Alicia Eidsaune
Date: November 21, 2018

Filename: mw_tour.html
-->
<link href="mw_styles.css" rel="stylesheet" />