The Style drop-down menu displays the available
Sheets (CSS) from which you can
choose to implement styling in HTML:
The CSS styles can be applied to any type of selection (text, image, table). If you want to set or change the CSS style for a certain text, you can either select it or place the cursor inside it (if it's a whole paragraph that you want to format), and then choose a CSS style from the drop-down menu in the toolbar.
If you place the cursor inside a paragraph that has CSS styles applied to only certain parts of it, and then select a style from the drop-down menu, the CSS style will be set for all the words in the paragraph, except for the ones that already had a style defined.
If you place the cursor inside a word from a paragraph, and that word has a CSS style set (style A), if you apply a new style (style B), all the words in that paragraph that were formatted with style A will switch to style B now (all these words were included in the same CSS style tag - a <SPAN> tag). This is a very useful feature because the user doesn't have to spend time making text selections and identifying styles.
Tip: In order to obtain good results, apply CSS styles to your text in an accurate manner, rather than making repeated text selections and changing the style several times. This method is not recommended, especially when using the Mozilla browser, because the HTML code will get too complicated and the visual results will not always be the expected ones. To manage the CSS styles correctly, also use the Tag Selector in order to easily select and remove some <SPAN> tags (corresponding to already set CSS styles) from the code.