Step by Step HTML5

338 Chapter 17
Look in the section of the code. Notice that a tag has been
inserted, creating an internal CSS style sheet for the document:
.auto-style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
color: #FFFFFF;
}
Tip If you want to avoid using an internal style sheet, you can select the style (.autostyle1
{font-family: Arial, Helvetica, sans-serif;}) and then cut and paste it over to the
default.css style sheet. Some Web designers prefer to keep all styles in one place. This
way, they don’t need to be concerned about where a particular style is stored.
24. Press Ctrl+S to save index.html.
A Save Embedded Files dialog box opens, prompting you to also save the associated
style sheet.
25. Click OK to save both files.
CLEAN UP Leave the page and the Web site open in Expression Web for the next
exercise.
Formatting a Division
As you just saw, one way to format text is to apply certain formatting to the division that
contains the text. You can also format divisions in other ways, such as specifying certain
positions, margins, or padding for them. Making changes such as these is easy in Expression
Web; you can resize and reposition a division by simply dragging elements in the
Design pane.
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. At the bottom of the editing pane, click Design to display the page in Design view
only (not split).
2. Click in the Masthead division to select it.
3. Position the mouse pointer over the bottom of the Masthead division.
White square selection handles appear around the division.