Having an external stylesheet is a lot better than having CSS embedded into your page, for several reasons:
- Your page can load faster
- You can edit all your pages easier
- Saves time and space!
So what does having an external stylesheet mean? It means that all your CSS is placed in a separate file, that is apart from your HTML coding. Then a code is put into your HTML document to link to the stylesheet.
Your CSS should look roughly like this:
<style type="text/css"></style>
Firstly, copy everything between <style type="text/css"> and </style>.
Paste into a Notepad document.
Go to File > Save As and save the file as “css.css” (with the quotes). This will save the file with a .css extension, identifying it as a cascading style sheet. Of course, you can have anything.css as the name.
Remove the original CSS from your HTML document, and place this in your <head> section:
<link rel="stylesheet" href="css.css" type="text/css">
If you named your file something else, change it accordingly.
That code will call on the CSS file. Paste it in every page you want to apply the CSS to. Don’t forget to put it in the <head> section.
Upload everything to your server after editing. Now all you have to do to edit your CSS is to edit that file!
Subscribe to Heartdrops