Question: Structural and Heading Styles In the Structural Styles section create a style rule for thehtml element that sets the background color of the browser window

Structural and Heading Styles

In the Structural Styles section create a style rule for thehtml element 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).

HELP MY CODES ARE SHOWN BELOW:

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:Xavier Phillips

Date: 1/16/2023

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 */

/* Select all ul within nav elements */

nav > ul

{

list-style-type: none; /* to remove list markers */

line-height: 2em; /* to set line height */

font-size: 0.9em; /* to set font size */

}

/* select all unvisited links */

nav ul a:link

{

text-decoration: none; /* to remove underline */

color: rgb(43, 59, 125); /* to set link color */

}

/* select all a tags which are visited under ul tag of nav tag */

nav ul a:visited

{

text-decoration: none; /* to remove underline */

color: rgb(43, 59, 125); /* to set link color */

}

/* select all hover links */

nav ul a:hover

{

color:rgb(212, 35, 35); /* set link color*/

}

/* select all active links */

nav ul a:active

{

color:rgb(212, 35, 35); /* set link color */

}

/* Article Styles */

article#tour_summary h1 { font-size:2.2em; letter-spacing:0.2em; }

font-size:1.2em

article#tour_summary > p:first-of-type::first-line

{

font-variant: small-caps; font-size:1.2em;

}

/* Aside Styles */

article#tour_summary h1 { font-size:2.2em; letter-spacing:0.2em; }

font-size:1.2em

article#tour_summary > p:first-of-type::first-line

{

font-variant: small-caps; font-size:1.2em;

}

/* Blockquote Styles */

aside#tour_itinerary h2:nth-of-type(odd) {

color: rgb(79, 91, 40);

}

aside#tour_itinerary p:nth-of-type(odd){

color: rgb(79, 91, 40);

}

aside#tour_itinerary h2:nth-of-type(even) {

color: rgb(81, 95, 175);

}

aside#tour_itinerary p:nth-of-type(even){

color: rgb(81, 95, 175);

}

since the only difference I can see in the code is of boldness of h2 Day 1 and h2 Day2

they can be changed by removing any weight or bold tag given to them in the code

Since you have not given the full code I can't comment on that but the code for those fond will look like this

if you have any doubt you can ask in comments

aside#tour_itinerary h1 {

font-size: 1.2em;

}

aside#tour_itinerary h2 {

font-size: 0.9em;

}

aside#tour_itinerary p {

font-size: 0.8em;

}

mw_tour.html

Bike the Mountains Tour

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Q:

In the Structural Styles section create a style rule for thehtml element that sets the background color of the browser window to rgb(151, 151, 151). Create a style rule to set the background color of...

Q:

an issue with div section of this html css code. I would lie to get abetter understanding of what I did wrong. I did have an issuewith the header, but got that straightened out but I still have...

Q:

Coloring the Schedule Adriana wants the text color of each days schedule to alternate between gray and blue. Create the following style rules: For odd-numbered h2 headings and paragraphs that set the...

Q:

Web funamental course https://1drv.ms/u/s!Ag1oHXXQ_hjrpXkKxmgVQS8PcbCn https://1drv.ms/u/s!Ag1oHXXQ_hjrpXiM7wqyfQixnjrM https://1drv.ms/u/s!Ag1oHXXQ_hjrpXcEbAWzxpd4UXOn...

Q:

12 steps Description Pts Your Score 1 1 4 1 3 2 1. Using your editor, open the cw_class_txt.html and cw_styles_txt.css files from the html02 case3 folder. Enter your name and the date in the comment...

Q:

Images are not needed, only codes are required. Case Problem 2 Data Files needed for this Case Problem: cw_class_txt.html, cw_styles_txt.css, 1 CSS file, 2PNG files The Civil War and Reconstruction...

Q:

CSS3, and JavaScript 6e Tutorial 2, Case Problem 3 Pts Your Score 1 1 4 1 3 2 2 Description 1. Using your editor, open the cw class txt html and cw styles txt.css files from the htm02 case3 folder....

Q:

Having problem with this part of the style sheet in my Web class. Structural and Heading Styles Go to the Structural Styles section and create a style rule that sets the background color of the...

Q:

Structural Styles Go to the "Structural Styles" section. Within that section create a style rule to set the background color of the browser window to rgb ( 1 5 1 , 1 5 1 , 1 5 1 ) . Create a style...

Q:

Grid Styles Grid Rows Styles Go to the ce_grids.css file and within the Grid Rows Styles section, create a style rule to set the width of each div element of the row class to 100% of its container,...

Q:

1. Refer to the SPSS Regression analysis output, 1) write out the regression equation using the estimated coefficients in below (5 points), and 2) interpret the regression model (i.e. coefficients...

Q:

1. If an asset costs $210,000 and is expected to have a $30,000 salvage value at the end of its ten-year life, and generates annual net cash inflows of $30,000 each year, the cash payback period is...

Q:

The Dow Jones Industrial Average is the broadest and best indicator of the stock market's day - to - day performance. Question 7 options: TrueFalse

Q:

23. If the appropriate discount rate for the following cash flows is 11.7 percent per year, what is the present value of the cash flows? Year Cash Flow 1 $21,600 2 $25,900 3 $38,700 4 $16,200 Group...