Part 4; using external style sheets: Create an external style sheet for your ind
ID: 3788584 • Letter: P
Question
Part 4; using external style sheets: Create an external style sheet for your index page. Make the <h1> headings sans-serif and centered. Make the <h2> headings sans-serif, italic, and left-aligned. Apply your style sheet to your index page. If necessary, modify the page such that there is at least one <h1> and one <h2> on it. Validate your style sheet using the validator at http://jigsaw.w3.org/css-validator/ and correct any errors. Your style sheet must be named l2p4.css. Check to be sure that your styles are actually applied; fix any problems you may find
Explanation / Answer
I have created I2p4.css as according to your requirement and applied in index.html.
Please create I2p4.css file and paste the below code.
------------------------
h1{
font-family: sans-serif;
text-align:center;
}
h2{
font-family: sans-serif;
font-style: italic;
text-align:left;
}
}
--------------------------
Please create index.html and paste the below code
------------
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="I2p4.css"/>
<title>Result</title>
</head>
<body>
<h1>My Name is Ricky</h1>
<h2>My Name is Marcus</h2>
</body>
</html>
-----------------
Please run the index.html on browser and you will see the css reflect changes.