Style to be applied Method 1. Make the first element to have a text color #9b59b6 2. Make all elements center aligned 3. Change the background on every paragraph to be on a shade of orange 4. Set all paragraph outside a div to have a font variant of small caps 5. Make all elements have a 16point Georgia font. 6. Give everything with the class 'hello' a beige background color and cornflowerblue font color 7. Give the element with id 'special' a width of 250pixels. Set the border to 3pixels, dark gray colored and dashed style 8. Make all the elements inside a div have font style italic 9. Make the input elements with class 'todo' have a font size of 24pixels and 2em height 10. Set all the links to have a right padding of 1.5em and no underline. 11. Make the all elements with classes "hello" and "love" at the same time to have chartreuse color and 18px font 12. Make all elements with class goodbye to have a bolder font. 13. Make the inside the third div to be in uppercase and a shadow of 2px 2px yellow green. 14. Make the elements' text color change to navy with lightpink background when hovered over 15. Make the element's that have been visited set to color gray and font size 15px Inline style Internal style External Style
Style to be applied Method 1. Make the first element to have a text color #9b59b6 2. Make all elements center aligned 3. Change the background on every paragraph to be on a shade of orange 4. Set all paragraph outside a div to have a font variant of small caps 5. Make all elements have a 16point Georgia font. 6. Give everything with the class 'hello' a beige background color and cornflowerblue font color 7. Give the element with id 'special' a width of 250pixels. Set the border to 3pixels, dark gray colored and dashed style 8. Make all the elements inside a div have font style italic 9. Make the input elements with class 'todo' have a font size of 24pixels and 2em height 10. Set all the links to have a right padding of 1.5em and no underline. 11. Make the all elements with classes "hello" and "love" at the same time to have chartreuse color and 18px font 12. Make all elements with class goodbye to have a bolder font. 13. Make the inside the third div to be in uppercase and a shadow of 2px 2px yellow green. 14. Make the elements' text color change to navy with lightpink background when hovered over 15. Make the element's that have been visited set to color gray and font size 15px Inline style Internal style External Style
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...
Related questions
Question
Apply all the css styles in the html file below follow the guidelines on how to style them
<html>
<head>
<meta charset="UTF-8">
<title>CSS Selectors Learning Task</title>
</head>
<body>
<h1>YES! I am the first content in this page.</h1>
<p>But I am the very first paragraph in this page. (even though I am only a short one) </p>
<h3>Uhm. Hi? I am alevel 3 heading. That's all. Thank you.</h3>
<div>
<p class="hello">Hey! I am also a paragraph but a classy one since am in a classed paragraph.</p>
<p id="special" class="love">Okay? Since we are at it, I am, by the way, a classy paragraph as well but a special and loved one. </p>
<h2>Well, I am a level 2 heading. I did't know we are to introduce ourselves here.</h2>
<p>As you can see, I am just another paragraph. That's all i could say.</p>
</div>
<div>
<h3>Listen up! Here are this things we need to do, so I need to inform everyone.</h3>
<ul class="todo">
<li>Read Learning Materials in LMS <input type="checkbox"> </li>
<li>Do the task give <input type="checkbox"> </li>
<li>Ask for any queries regarding the uploaded learning material and task <input type="text" class="queries"></li>
</ul>
</div>
<div id="third_div" >
<h2>Hmmm. To Do List, ...</h2>
<p> Lots of things to do right? What are you waiting for? Start doing it now.</p>
<p class="hello love">You're right. We don't want to submit our task late, more so we still have other tasks to accomplish.</p>
</div>
<p>Okay. Let's do this.</p>
<div>
<h2>Wait.</h2>
<p>Let me introduce my friend before you go.</p>
<p class="hello love goodbye">Hi. Nice to meet you all.</p>
<a href="https://www.facebook.com">Here's my facebook account</a>
<a href="https://www.twitter.com">And also a link to my twitter</a>
</div>
<p>Let's GO. Let's hang out again later after finishing this. See ya!</p>
</body>
</html>
Transcribed Image Text:Style to be applied
Method
1. Make the first <h2> element to have a text color #9b59b6
2. Make all <h1> elements center aligned
3. Change the background on every paragraph to be on a shade of orange
4. Set all paragraph outside a div to have a font variant of small caps
5. Make all <li> elements have a 16point Georgia font.
6. Give everything with the class 'hello' a beige background color and
cornflowerblue font color
7. Give the element with id 'special' a width of 250pixels. Set the border to
3pixels, dark gray colored and dashed style
8. Make all the <p> elements inside a div have font style italic
9. Make the input elements with class 'todo' have a font size of 24pixels and
2em height
10. Set all the links to have a right padding of 1.5em and no underline.
11. Make the all elements with classes "hello" and "love" at the same time to
have chartreuse color and 18px font
12. Make all elements with class goodbye to have a bolder font.
13. Make the <h2> inside the third div to be in uppercase and a shadow of
2px 2px yellow green.
14. Make the <h2> elements' text color change to navy with lightpink
background when hovered over
15. Make the <a> element's that have been visited set to color gray and font
size 15px
Inline style
Internal style
External Style
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 2 steps
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY