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.
what I have so far
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”>
<title>Lab1</title>
<style>
body { background-color: #556271; margin: 0 10%; font-family: sans-serif; color: white;}
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>
Embedded stylesheet (Also, called internal CSS) is the kind of stylesheet or CSS style that is inside an HTML page and is scoped to that HTML page or file to which the styles are to be applied.
It is defined in between these two tags: <style>... </style>
The CSS given in the index.html page code in question is hence an embedded or internal CSS.
The question is asking to create an external stylesheet which means all the CSS styles that are in this index.html file have to be moved to a CSS file called style.css which will be called an external CSS file.
Step by step
Solved in 3 steps with 6 images
