Answered: In the index.html file, add a class…

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Related questions

Concept explainers

Question

i need this assignment solved. below is index.html and styles.css

In the index.html file, add a class attribute with a value of btn to paragraph elements two, three, and four within the main element.

In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b, padding value of 2%, top and bottom margin values of 2% and left and right margin values of auto, width value of 80%, text alignment of center, and a border radius of 5px

Below the btn style rule, add a new style rule for anchor elements within the btn class that specifies a color value of #ebf7e3, removes the underline, sets a font size of 1.25em, and displays the content as a block.

In the index.html file, add a class attribute with a value of corner to the image element.

In the styles.css file, below the btn a style rule, add a new style rule for the corner class selector that specifies a border-radius of 12px.

index.html

Every modern browser uses a default style sheet to display webpages. No browser uses the exact same style sheet, so style rules vary by browser. These style sheets are known as user agent style sheets. Select from the following options to view user agent style sheets.

<a href="https://chromium.googlesource.com/chromium/bink/+/master/Source/core/css/html.css" target="_blank">Chrome</a> class="btn"

<a href="https://dxr.mozilla.org/mozilla-central/source/layout/style/res/html.css" target="_blank">Firefox</a>

<a href="https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css" target="_blank">Safari</a>

styles.css

/* Style rules for main content */

main {

padding: 2%;

background-color: #ebf7e3;

font-family: 'PT Sans', sans-serif;

}

main p {

font-size: 1.25em;

}

/* Style rules for footer content */

footer {

text-align: center;

font-size: 0.85em;

color: #fff;

padding: 1% 0;

}

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 1 images

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-engineering and related others by exploring similar questions and additional content below.

Similar questions