246996016-HTML5-Step-by-Step

88 Chapter 6
Next, type a set of curly braces (you can place them on separate lines for greater readability,
if you want). Then place the rule inside the braces. For example, to create a rule
that makes the text of a first-level heading red, use the following:
h1 {
color: red
}
If you have more than one rule to apply, such as a color plus a typeface, separate the
rules with semicolons within the curly braces. It is customary but not required to write
each rule on its own line. For example, to specify that the heading text must be both red
and 14 pixels in height, include the following in your rule:
h1 {
color: red;
font-size: 14px;
}
If multiple tags should have the same rule applied to them, you can list them together
and separate them by commas. For example, if all heading styles through
should be red, you could write:
h1, h2, h3, h4, h5, h6 {
color: red
}
In this exercise, you will create an embedded style sheet governing the appearance of
horizontal lines.
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\ConstructingRules folder.
Open the index file in Notepad and in Internet Explorer.
1. In Internet Explorer, examine the horizontal lines in the index file.