o_19octlt3v29m1ul81r9513q81i4ra.pdf

Creating and Linking to External Style Sheets 99
After creating the style sheet, you create a link to it in the area of each document
that will use it. For example, if the style sheet is named default.css, you would link
to it by inserting this code in the document’s area, as shown in the following:
Note The name “default.css” is common, but not required. You can name your style sheet
anything you like, as long as the name ends with a .css extension.
An embedded style sheet takes precedence over an external one. For example, if your
external style sheet specifies Roman numerals for ordered lists but your embedded style
sheet specifies uppercase letters, ordered lists will be labeled with uppercase letters.
Furthermore, any tag-specific styles you apply take precedence over both embedded and
external style sheets. So, if you add a style rule to an individual tag, that setting will
override any style sheet settings.
In this exercise, you will create an external style sheet and link a Web page to it.
SET UP Use the index.htm file in the practice folder for this topic. This file is located
in the Documents\Microsoft Press\HTML5 SBS\06Styles\CreatingExternal folder.
OPEN the index file in Notepad and in Internet Explorer.
1. Select all the text between and but do not include those tags in
the selection.
2. Press Ctrl+X to cut the text from the document and store it in the Clipboard.
3. Save the file, and then start a new document in Notepad.
4. Press Ctrl+V to paste the text from the Clipboard into the new document.