TopStyle Tutorial 7

Setting the Level 1 Heading Properties

Now you will set the font-size property for H1 elements. This time you will use the Style Inspector to add the property.

In the editor, position the cursor between the empty curly braces for the selector H1.

In the Style Inspector area to the right of the editor, click the Properties tab to bring it to the front (if it is not already on top). You should see a list of properties like the one shown below:

In the alphabetical list of properties, locate the font-size property. Click in the Value field beside the property, and you will see a dropdown arrow arrear on the right side of the field. Click the arrow and choose x-large from the dropdown list. Your class rule should then look like this:

H1 {
	font-size :  x-large;
}