TopStyle Tutorial 5

Typing the Span Properties

For the SPAN tag, you will set the properties by simply typing them into the TopStyle editor. Position the cursor inside the curly braces (SPAN { | }) and type:

color : DarkBlue; background-color : white;

Note that spacing does not matter, and properties and values are not case-sensitive. Also, as you type, you may see a dropdown list or properties or values appear -- for now, just ignore it and keep typing. Make sure you end each property-value pair with a semi-colon.

Save the file and look at the preview below the editor. You should see a sentence in the first full paragraph that reads "This is some text in a class 'highlight' span tag." That the text in that sentence should now be navy, as opposed to the black text surrounding it