Organizing Sublime Text

The href attribute specifies where the CSS file is located in the file structure of your website. If it is located in the same folder (also known as a directory) as the index.html file you can just specify its name; ie "style.css" or whatever you named the file. This is what we call "relative" linking. As you are telling the browser where the file is, relative to the file you are in.

If the file where to be in a folder within the folder you are currently in:

my-website (folder)
|                 \
index.html    styles (folder)
                     |
                    style.css

Then you would need to tell the browser to look within that folder for the file. In this example that would equate to:

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

There are more advanced instances where you would need to tell the browser to exit the folder(directory) you're currently in and navigate to its parent folder(directory) a level up. To do this, you type two periods ".." before the file:

my-website (folder)
|                    \
about(folder)    styles (folder)
|                         |
index.html        style.css

In this case the link tag would look as followed:

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