I need this assignment solved. Below is index.html and styles.css Tasks Correct the style rule for the h1 selector located in the header element to center-align its content. Correct the style rule for the list item elements within the nav to display the list as an inline-block. Update the style rule for the main selector that sets the overflow property to auto. Update the style rule for the footer selector to clear a float on the left. Remove the underline from all nav links using the text-decoration property. Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic. Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally. In the nav element in the index.html file, do the following : link the text, W3C, to https://www.w3.org/ link the text, W3Schools, to https://www.w3schools.com/ link the text, CSS Working Group, to https://www.w3.org/Style/CSS/members link the text, CSS Current Work, to https://www.w3.org/Style/CSS/current-work Index.html Chapter 4, Analyze CSS Levels { text-align: center} {display: inline; /* the default for span} W3C W3Schools CSS Working Group CSS Current Work CSS Level 1 The original CSS Level 1 recommendation was released by the W3C in December 1996. There have been many revisions since its original release. You can find the original recommendation and the latest revision at w3.org CSS Level 2 The CSS Level 2 recommendation was originally released by the W3C in May 1998. There have been many revisions since its original release. CSS Level 2 has had two revisions, CSS 2.1 and CSS 2.2. CSS Level 3 and Beyond The CSS Level 3 recommendation was released in May 2001. Since its release, there have been several changes, including the method for making changes. For the latest updates, visit the CSS Current Work webpage. Student Name: © Copyright 2021. All Rights Reserved. Styles.css #css1, #css2, #css3 { width: 40%; float: left; padding: 0 1%; }footer { text-align: center; font-size: 0.85em; color: #47476b; padding: 1% 0; border-top: 3px solid #47476b; }body { padding 2%; background-color: #d1d1e0; } main { padding: 2%; font-family: Geneva, Arial, sans-serif; } header h1 { font-size: 3em; font-family: Georgia, Times, serif; padding: 3%; color: #47476b; } nav { background-color: #47476b; } nav ul { margin: 0;} nav li { display: block; font-size: 1.5em; font-family: Verdana, Arial, sans-serif; font-weight: bold; } nav li a { display: block; color: #e3eaf8; padding: 0.5em 2em; } main p { font-size: 1.25em; } main h3 { padding-top: 2%; font-size: 2em; }

I need this assignment solved. Below is index.html and styles.css Tasks Correct the style rule for the h1 selector located in the header element to center-align its content. Correct the style rule for the list item elements within the nav to display the list as an inline-block. Update the style rule for the main selector that sets the overflow property to auto. Update the style rule for the footer selector to clear a float on the left. Remove the underline from all nav links using the text-decoration property. Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic. Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally. In the nav element in the index.html file, do the following : link the text, W3C, to https://www.w3.org/ link the text, W3Schools, to https://www.w3schools.com/ link the text, CSS Working Group, to https://www.w3.org/Style/CSS/members link the text, CSS Current Work, to https://www.w3.org/Style/CSS/current-work Index.html Chapter 4, Analyze CSS Levels { text-align: center} {display: inline; /* the default for span} W3C W3Schools CSS Working Group CSS Current Work CSS Level 1 The original CSS Level 1 recommendation was released by the W3C in December 1996. There have been many revisions since its original release. You can find the original recommendation and the latest revision at w3.org CSS Level 2 The CSS Level 2 recommendation was originally released by the W3C in May 1998. There have been many revisions since its original release. CSS Level 2 has had two revisions, CSS 2.1 and CSS 2.2. CSS Level 3 and Beyond The CSS Level 3 recommendation was released in May 2001. Since its release, there have been several changes, including the method for making changes. For the latest updates, visit the CSS Current Work webpage. Student Name: © Copyright 2021. All Rights Reserved. Styles.css #css1, #css2, #css3 { width: 40%; float: left; padding: 0 1%; }footer { text-align: center; font-size: 0.85em; color: #47476b; padding: 1% 0; border-top: 3px solid #47476b; }body { padding 2%; background-color: #d1d1e0; } main { padding: 2%; font-family: Geneva, Arial, sans-serif; } header h1 { font-size: 3em; font-family: Georgia, Times, serif; padding: 3%; color: #47476b; } nav { background-color: #47476b; } nav ul { margin: 0;} nav li { display: block; font-size: 1.5em; font-family: Verdana, Arial, sans-serif; font-weight: bold; } nav li a { display: block; color: #e3eaf8; padding: 0.5em 2em; } main p { font-size: 1.25em; } main h3 { padding-top: 2%; font-size: 2em; }

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter2: Getting Started With Css: Designing A Website For A Fitness Club

Section: Chapter Questions

Problem 10RA

See similar textbooks

Related questions

Question

I need this assignment solved. Below is index.html and styles.css

Tasks

Correct the style rule for the h1 selector located in the header element to center-align its content.

Correct the style rule for the list item elements within the nav to display the list as an inline-block.

Update the style rule for the main selector that sets the overflow property to auto.

Update the style rule for the footer selector to clear a float on the left.

Remove the underline from all nav links using the text-decoration property.

Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic.

Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally.

In the nav element in the index.html file, do the following :

link the text, W3C, to https://www.w3.org/
link the text, W3Schools, to https://www.w3schools.com/
link the text, CSS Working Group, to https://www.w3.org/Style/CSS/members
link the text, CSS Current Work, to https://www.w3.org/Style/CSS/current-work

Index.html

<!DOCTYPE html>

<!--

Student Name:

File Name:index.html

Date:09/1/2022

-->

<head>

<title>Chapter 4, Analyze</title>

</head>

<body>

<h1>CSS Levels { text-align: center}</h1>

</header>

<nav>

{display: inline; /* the default for span}

<ul>

<li><a href="#">W3Schools</a></li>

<li><a href="#">CSS Working Group</a></li>

<li><a href="#">CSS Current Work</a></li>

</ul>

</nav>

<main>

<h2>CSS Level 1</h2>

<p>The original CSS Level 1 recommendation was released by the W3C in December 1996. There have been many revisions since its original release. You can find the original recommendation and the latest revision at <a href="https://www.w3.org/" target="_blank">w3.org</a></p>

</div>

<h2>CSS Level 2</h2>

<p>The CSS Level 2 recommendation was originally released by the W3C in May 1998. There have been many revisions since its original release. CSS Level 2 has had two revisions, <a href="https://www.w3.org/TR/CSS2/" target="_blank">CSS 2.1</a> and <a href="https://www.w3.org/TR/CSS22/" target="_blank">CSS 2.2</a>.</p>

</div>

<h2>CSS Level 3 and Beyond</h2>

<p>The CSS Level 3 recommendation was released in May 2001. Since its release, there have been several changes, including the method for making changes. For the latest updates, visit the <a href="https://www.w3.org/Style/CSS/current-work" target="_blank">CSS Current Work webpage</a>.</p>

</div>

</main>

<p>Student Name: </p>

</footer>

</body>

</html>

Styles.css

<!--

Student Name:

File Name:styles.css

Date:09/1/2022

-->

#css1, #css2, #css3 {

width: 40%;

float: left;

padding: 0 1%;

}footer {

text-align: center;

font-size: 0.85em;

color: #47476b;

padding: 1% 0;

border-top: 3px solid #47476b;

}body {

padding 2%;

background-color: #d1d1e0;

} main {

padding: 2%;

font-family: Geneva, Arial, sans-serif;

} header h1 {

font-size: 3em;

font-family: Georgia, Times, serif;

padding: 3%;

color: #47476b;

} nav {

background-color: #47476b;

} nav ul { margin: 0;} nav li {

display: block;

font-size: 1.5em; font-family: Verdana, Arial, sans-serif; font-weight: bold;

} nav li a { display: block; color: #e3eaf8; padding: 0.5em 2em; }

main p {

font-size: 1.25em;

}

main h3 {

padding-top: 2%;

font-size: 2em;

}

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 2 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions