After completing this topic, you will be able to format text styles in the style sheet.
Steps:
Create and format a text style for displaying programming code in a web page.
Step 1Create a new text style for displaying programming code in a web page.
Click the Add Style menu.
Step 2Click the Text list item.
Step 3Name the style Code.
Enter the desired information into the Style name field. Enter
Press [Enter].
Step 5Although this is the first text style in the style sheet, notice that the style was not created as a default style.
You cannot set a default text style. All text styles are non-default styles, which means that you must manually apply the style to selected text in a web page.
Step 6Apply a Courier font to the style.
Click the Font Family button.
Step 7Click the Courier New, Courier, monospace list item.
Step 8Change the color of the text to purple.
Click the Text Color button.
Step 9Click the purple color in the Web Colors palette.
Step 10Click the Ok button.
Step 11Save the style sheet.
Click the Save button.
Step 12When using a text style, you must select all of the text to be formatted. We have opened the SaveFile web page and selected the [CTRL+S] text.
Format the selected text with the Code style.
Click the Styles button.
Step 13Click the Code - Text list item.
Step 14The formatting from the text style is applied to the selected text.
Step 15After completing this topic, you are able to format text styles in the style sheet.