External style sheets are extremely convenient, especially with larger sites. Changing layouts becomes much simpler when a single style sheet can be change, rather than having to change the css coding on every page. This tutorial will show you how to convert the embedded style sheet in an html file into an external style sheet. Keep in mind, this tutorial is made assuming an embedded css style sheet is already in place.
STEP 1:
Open the html code in whichever text editor you prefer (such as Notepad). In the html code, find the < style> tag and the < /style> tag. Select all the code between the two tags. Cut and paste this code into a new file. Save this file as style.css.
STEP 2:
Return to the webpage html. Delete the < style> and < /style> tags. Now find the < head> and < /head> tags, then move on to the next step.
STEP 3:
Directly below the < head> tag, insert the following code (without the first space):
Also please ensure the code is inserted before the < title> tag, and that the style sheet was saved as style.css.
There! Now you have an external style sheet, which will help make changing layouts a breeze!