TopStyle Tutorial 9

Adding Style Properties for the Classes

Now you will add properties and values to the three new class selectors that you have added to the style sheet. You can use any of the three methods you have learned for adding properties -- typing them in, style insight, or the style inspector. You may want to try doing each of the three classes a different way to give yourself more practice on each of the methods.

Using any of the three methods you choose, add properties to the classes as follows:

.title {
	/* class for Page Title heading */
	color :  Silver;
	font-style :  italic;
	background-color :  Navy;
}

.highlight {
	/* class for highlighted information */
	background-color :  Yellow;
}

.note {
/* class for notes */	
	border-width :  thin;
	border-color :  Gray;
	border-style : solid;
	background-color : Silver;
	padding :  4px;
}