246996016-HTML5-Step-by-Step

100 Chapter 6
5. Save the new document as default.css in the practice file folder for this exercise
(Documents\Microsoft Press\HTML5 SBS\06Styles\CreatingExternal).
6. Return to the index file in Notepad, and then delete the and tags.
7. Add this line to the section:
8. Save the file, and then refresh the Internet Explorer display.
The file does not appear to change, but the styles are now defined in the external
style sheet rather than in the embedded style sheet.
Note One way to quickly check whether the style sheet is applied is to position the
mouse pointer over a hyperlink. If the style sheet is working, the hyperlink text will turn
lime green.
CLEAN UP Close the Notepad and Internet Explorer windows.
Key Points
●
●
●
Styles can define the formatting for specific instances of a tag, for all uses of a tag
within a document, or for all uses of a tag within a group of documents.
A cascading style sheet is a list of style rules applied to tags within an HTML document.
This list can either be internal (embedded) or external to the document (a
linked file).
When rule conflicts occur, they are resolved as follows (from highest priority to
lowest):
❍
❍
❍
Styles applied to individual tags
Styles applied using an internal style sheet (with highest priority going to the
entries nearest the bottom of that style sheet)
Styles applied using an external style sheet (again, with highest priority to
the entries nearest the bottom)