External Style Sheets There are three ways to apply CSS to HTML: inline styles, embedded style sheets and external style sheets. In Lab 1, we used an embedded style sheet to style the index.html file. Your first job is to replace the embedded style sheet in index.html with an external style sheet. To do this you need to first create a file called style.css in Week_8_Lab/Styles. Move all the style rules from index.html to style.css.

h1 {color: #FE6A67;text-align: center; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #D4DCCD; margin-top: 30px;}h2 {font-size: 1em;}

</style>

</head>

<body>

<h1><img>
<br><img src="21.png">

<p>Amet Justo Donec</p>

</h1>

<p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/>
<h2>Cursus Eget</h2>
<p>Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/>

<h2>Diam</h2>
<p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id venenatis. A condimentum vitae sapien pellentesque habitant.<p/>

<h2>Aliquam Sem Fringilla</h2>
<p>Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis auctor elit<p/>

</body>
</html>

### External Style Sheets

There are three ways to apply CSS to HTML: inline styles, embedded style sheets and external style sheets. In Lab 1, we used an embedded style sheet to style the index.html file.

Your first job is to replace the embedded style sheet in index.html with an external style sheet. To do this you need to first create a file called **style.css** in **Week_8_Lab/Styles**. Move all the style rules from index.html to style.css.

Expert Solution

Step 1

We have to create an external CSS file and replace the embedded style sheet with an external style sheet.

So, now we just have to put all embedded style code to the external style sheet style.css file.

then, we have to link that file to our index.html file.

Syntax of CSS style sheet file to link style sheet:

<link rel="stylesheet" href="file_path" />

Note: we can add <link> tag only inside of <head> section.

Just this step will link the external CSS file to our index.html file & now whatever changes we make in the external CSS file will automatically apply in our index.html file. So, we can do separate CSS changes and it will help in to do fast development which is an advantage of the external Style sheet.

Step by stepSolved in 4 steps with 1 images

See solution

Check out a sample Q&A here

Knowledge Booster

Similar questions

SEE MORE QUESTIONS

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