246996016-HTML5-Step-by-Step

334 Chapter 17
●
You can create a style that refers to the tag used for that text block. For example,
you could create a style for the tag that formats all list items a certain way.
This style can be placed in either an internal or external style sheet, such as this:
p {font-family: “Verdana”, “Arial”, sans-serif; font-size: 13px}
●
You can define formatting for a new class in a style sheet, as in the following:
.tangent {font-family: “Verdana”, “Arial”, sans-serif; font-size: 13px}
●
And then you can assign the class to certain tags within the document, like this:
This is a great party.
When you apply formatting in Expression Web, the application chooses an appropriate
formatting method based on its internal rules. These rules take into consideration the
type of formatting being applied and the size of the block to which it is being applied. If
you don’t like the method that Expression Web selects, you can edit the code manually.
In this exercise, you will apply text formatting in several ways, resulting in several types of
tags and attributes being created in the code.
SET UP Start in Expression Web, with the Web site still open from the previous
exercise.
1. In the Page Content division, in the Design pane, type the following text:
Fruit trees are now in stock! We have just received a large shipment of
peach, pear, apple, and plum trees with sturdy root systems and healthy
foliage, with prices as low as $29.99.
2. In the Code pane, enclose the paragraph you just typed in and tags.
Fruit trees are now in stock! We have just received a large shipment of
peach, pear, apple, and plum trees with sturdy root systems and healthy
foliage, with prices as low as $29.99.
Note When you type in the Code pane, Expression Web automatically adds a
tag following it. Cut this tag (Ctrl+X is one way) and then paste it (Ctrl+V) at the
end of the paragraph.
3. Select the sentence Fruit trees are now in stock!, and then click B ( the bold button)
on the toolbar, or press Ctrl+B.
The selected text is enclosed in a tag pair.
Fruit trees are now in stock! We have just received a
large shipment of peach, pear, apple, and plum trees with sturdy root systems
and healthy foliage, with prices as low as $29.99.
4. In the Styles pane (lower-right), on the Manage Styles tab, click #page content to
select that division.