246996016-HTML5-Step-by-Step

Key Points 101
●
●
●
●
●
●
●
●
●
●
There are three ways to apply a style. You can use the style attribute within an
individual tag, you can create an embedded style sheet, or you can create an external
style sheet.
You place an embedded style sheet in the section of the file and enclose
it in a tag. An external style sheet is a separate plain text file with a .css
extension.
A style sheet consists of one or more style rules. A style rule is the tag, class, or ID
name followed by curly braces in which the specifications are placed.
Each specification takes the format of name: value. For example, list-style-type:
square.
Separate multiple specifications within a rule by using semicolons. To define two or
more tags the same way, include both tags (with a comma between them) before
the opening curly brace, like this: h1, h2 {color: black}. If you omit the comma, two
tag names in a row refer to nested styles in a rule. For example, ol ul {color: green}
refers to unordered lists nested within ordered lists.
You can assign a class to multiple elements. You can define a style based on a class.
Precede a class’s name in a style sheet with a period, like this: .new {color: red}.
An ID must be uniquely assigned within a document. You can define a style based
on an ID. Precede the ID in a style sheet with a hash symbol (#), like this: #special
{color: red}.
Apply a class or ID to a tag by including the class or ID attribute within its opening
tag, like this: .
To apply styles to hyperlinks, use a pseudo-class of the hyperlink type. You can
apply the link, visited, hover, active, or focus pseudo-class like this: a:visited
{color: red}.
To create an external style sheet, start a new Notepad document and place all the
style rules within it. Then refer to it from the section of each document
to which that style sheet should apply, by using the tag , where default.css is the name of your style sheet.