HTML Web Design Tutorial #12

Controlling Presentation with External Style Sheets

In lesson #11 you learned how to place an internal sheet into the head section of a web page, and apply a rule to a particular element. Now, were going to see how to implement our third method, by creating and linking to an external style sheet.

An external sheet is a very efficient method of applying similar presentation to every page in an entire website. Rather than adding your rules at the top of every web page in your site, you can just put all your rules into a separate text file, and then link to that file from each of your web pages.

The greatest benefits of using external sheets are saved time, and reduced file size. Time is saved by only having to make a change in one document instead of many. File size is reduced when all your rules are listed only once, instead of multiple times. To see how to create one of these external sheets, click on the play button below.

<<<Last Tutorial

Next Tutorial>>>