How do I put a style sheet into a separate file?

An external style sheet can be written in any text editor. The file should not contain any html tags. Your style sheet should be saved with a .css extension. An example of a style sheet file is shown below: you start first by creating an empty text file in Notepad or a text editor.

Then cut and paste everything that is inside the <style> element from the HTML file into the new text file. The <style> tags belong to HTML, not to CSS; hence we must not copy them. Here is how the text doc will look for example:

body {
  font-family: Georgia, "Times New Roman",Times, serif;
  color: purple;
  background-color: #d8da3d }
h1 {
  font-family: Helvetica, Geneva, Arial,
  SunSans-Regular, sans-serif}
a:link {
  color: blue }
a:visited {
  color: purple }

Choose “Save As…” from the File menu; make sure that you are in the same directory/folder as the mypage.html file, and save the style sheet as “mystyle.css”.

Back

 

Advertisement

Free Magazine