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
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" />
<link href="mw_layout.css" rel="stylesheet" />
<meta charset="utf-8" />
Step by Step Solution
3.35 Rating (155 Votes )
There are 3 Steps involved in it
Step: 1
Updating the answer since youre facing problem with the end result Everything in structural section seems good except the fontweight and fontsize written together for the address element Make sure you ...
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started
Strategic Marketing
Authors: Nigel Piercy and David Cravens
10th edition
78028906, 978-0078028908
