[!] [=title "Linked Styles"] [=content -]

So far our CSS has been entirely in the `style` tag. However, this is very clunky - for larger multipage websites, you'd have to copy/paste all the styles to all of them! There is a better way.

You can actually store all of your styles in a `.css` file (common names are `main.css`, `style.css`, etc, but you can pick whatever!) and add them to pages with a link - just like a favicon. It looks like this:

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

Make sure to put it in your header, because it is metadata.

Linked stylesheets are much cleaner than `style` tags (this is called "separation of concerns") and can be linked to multiple pages, allowing you to define a single style for the entire website.

[/] [#template.html]