External CSS

External CSS refers to the css file that can be linked to multiple HTML pages.

Any changes made on the CSS file will affect all HTML pages that are linked to it.

With a CSS file created, CSS Rules are added as seen here.

Key Points

External CSS files can be linked to more than one HTML file.

Any changes made in the CSS file will change all linked HTML pages.

Using an External Stylesheet

To link a HTML file to a CSS file, the following line of code should be placed inside the <head> of the HTML file.

Any HTML file that is to be linked to the CSS file will use this same line of code.

 	 	<link rel="stylesheet" type="text/css" href="style.css">

In a HTML file, this will look like this:

<html>
    <head>
         	 	<link rel="stylesheet" type="text/css" href="style.css">
        <title>My Website</title>
    </head>
    
    <body>
    

National 5 Targets

You should be able to write the code for an External Stylesheet from memory.

You should be able to add an External Stylesheet to your HTML pages.

You should be able to apply styles to your website using the External CSS file.