After completing this topic, you will be able to clear direct formatting and styles affecting text and other elements in a web page.
Steps:
After applying a style, you can manually apply additional formatting to change the formatting.
Click in the Orientation heading.
Step 1You are going to use direct formatting to center and change the font and font size of the heading.
Step 2Center the heading using the toolbar button.
Click the Center button.
Step 3Select Orientation text and apply a Georgia, serif font from the Font family list and a font size of 32 points.
Double-click in the Orientation text.
Step 4Click the Font Family button.
Step 5Click the Georgia, serif list item.
Step 6Click the Font Size button.
Step 7Click the 32 list item.
Step 8Depending on how formatting is applied, you can use the tools in the Web Page Editor to remove these attributes.
Use the Clear Formatting From Text tool to remove direct formatting.
Use the Clear Style tool to remove formatting applied by a style. Clearing the style attributes from an element does not remove direct formatting.
Tip: When clearing a style, it is better to click in the text to remove the style attributes.
Step 9Clear the style on the Orientation heading.
Click in the Orientation heading.
Step 10Click the Clear Style button.
Step 11Notice, as shown in the Style Inspector, that the alignment, font and font size formatting remain.
Only the blue font color applied through the style was removed.
Step 12Re-apply the Blue Verdana Heading 2 style to the Orientation heading.
Click the Styles list.
Step 13Click the Blue Verdana Heading 2 - Heading 2 list item.
Step 14Notice that the style does not override the direct formatting. Direct formatting takes precedence over styles. Your font, font size, and alignment settings still control the text; however, since you did not directly set a text color, the Orientation heading uses the text color from the style.
Step 15Remove the direct formatting from the Orientation heading.
Double-click the Orientation text to select the entire word.
Step 16Click the Clear Formatting From Text button.
Step 17The Clear Formatting from Text tool removes all attributes that were manually applied, but preserves attributes applied by the style.
Clear Formatting From Text requires that you select the entire text, while you usually only have to click in the text to use Clear Style.
Step 18Use the Clear Style button to remove the formatting from the word shorter in the Portrait paragraph.
Click in the word shorter.
Step 19Click the Clear Style button.
Step 20Note: Text styles can be removed from a text selection with either the Clear Style tool or the Clear Formatting from Text tool because they are applied as spans.
Step 21After completing this topic, you are able to clear direct formatting and styles affecting text and other elements in a web page.