gradient
 
gradient
 
 
 
 
title

6. Applying Styles

title
sign
 

 

Styles are applied using the external CSS file. You can apply style to every element in your html file. We will apply styles to text, text links and to the main html table.

Open the file index.html from template/html/html_version.

The file has styles applied to all necessary documents. But let's change the style of one of the text blocks. First click inside the "welcome" text paragraph (not inside the "welcome to our company web site" text because it is impossible as long as this text is now part of an image). Now take a look at the Properties palette and you'll see that the 3 text categories (the bold one, the normal one and the orange one) have different style:

As you can see this bold text has is a class "text1" text, so it has all the characteristics of that class. To change the class and the text appearance go to Style drop-down menu and select another class. You have a preview for every class. Select the "text3" class to make the text green...It's so simple!