Comp25: HTML - Style Sheets Part 1

Learning Objectives

To use an External Style Sheet to standardize the look and feel of your entire website

Using Notepad, create a new file with proper CSS syntax (shown below) and save it to your web-docs folder called "styles.css". Create a style for the h1 element.   Example Only: (Use your own creativity!)

h1 {
    font-family: 'Comic Sans MS';
    font-size: 125%;
    color: orange;
    border-bottom: solid;
    border-color: black;
    border-width: 2px;
}
Add 4 additional styles for your website to the file styles.css, for example, body, h2, hr, li, ul etc. Refer to the reading and the Quick Reference Chart for ideas. Be creative!
Edit each of your website's HTML files and link them to your newly created style sheet by inserting the blue code shown below into the <head> section of the file:

<head>
<title>Your Company Name</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
Preview each of your web pages and confirm the <h1> tag's appearance has been altered across your entire website.
Preview your web page again and confirm that the link to open the style sheet works properly.
Upload your styles.css page to Blackboard for grading.

This assignment will be graded using the following guidelines: