This is a quick-and-dirty tutorial which shows how to add the styles from the table coloring tutorial into an external style sheet. This is especially useful if you intend to have the same style repeated many times on more than one web page.
To get moving quickly, simply create a new blank document with notepad and call it mystyles.css. This document can now be used as the style sheet for your web site. If you already have an external style sheet, skip this step.
You can also download our FREE demo style sheet: demo-style-sheet.zip - 3 KB. The style sheet contains several extra styles and comes complete with a corresponding web page already linked to the style sheet so you can study how it all works.
Simply add the following code to mystyles.css or an existing style sheet. The demo style sheet already has this code included.
Name the classes .myclass-one, .myclass-two, .myclass-three, .myclass-four, .myclass-five anything you want.
Place the following code into the head section of all the web pages which you want to reference with the style sheet.
Obviously you should replace https://www.YourSite.com/mystyles.css with the actual URL to your style sheet.
| #9932CC | ||
| #6B248E | #EFCFFE | #DF9FFE |
Using the external style sheet as outlined above will allow you to make changes on all your pages by simply editing the external style sheet (mystyles.css).
