How to Attach a CSS Stylesheet to an HTML Document

Zach Zach (233)
Total time: 1 minute 

Linking a CSS file to an HTML file allows you update the styling of the HTML document by editing the CSS file. This is especially useful if, for example, you have hundreds of pages that you'd like to style from one central location. Using CSS, you can com

Posted in these interests:

5 guides
4 guides

If you have multiple HTML files, you will need to complete these steps for each one.

In your HTML document, paste the following between the opening <head> and closing </head> brackets.

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

^ The href="X" denotes the location of your file. There's a special consideration to make when denoting this location:

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

^ The denotation above suggests that inside of the directory containing your HTML file is a directory called "css" which contains a file called "style.css".

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

^ The denotation above (using a slash) suggests that the file style.css is located inside a directory in your root called "css".

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

^ The denotation above is a valid use of an absolute URL.

Save your HTML file and you're done!