Use the Tag Inspector for Changing and Creating Styles:

1. Click in the first line of the page. The Tag inspector will show there are two rules affecting this item.
2. Click the body,td,th line in the Applied Rules column. The lower part of the panel will show the styling that affects these tags. Make the following changes:
• Change color to #333333.
• Change font-size to 12 points (much more readable, huh?)
3. Click the body line in the Applied Rules column. Make the following changes:
• Change background color to #CCCCCC.
4. On the page again, click in the “different color” text. The Relevant CSS panel should indicate both classes: dullndark and highlight. Choose the dullndark class.
5. Remove all three border stylings by clicking to the right of border-left-color and the others, and, when the input field appears with the value, click the delete button.
6. Still in the dullndark class, add the following color to the background-color setting: #666666. Also set the color field to #FFFFFF.
7. Select the highlight class and change the color to #FFFF00.
8. Click within the text set to Heading 1 and click the Tag inspector’s options menu (in the top right corner).
9. Choose New Rule.
10. In the New CSS Style dialog box, set Selector type to Tag, and choose H1 from the Tag pop-up menu. Define in should already be set to css_sampler.css. Click OK.
11. Choose the Block category, and set Text Align to center.
12. Click OK.

You have now made changes to your external CSS style sheet and have seen how you can add new styles using the CSS Styles panel and the Tag inspector. In practice, it is likely you will use both methods to add and manipulate CSS styles. In fact, before you even realize it, you will discover that implementing CSS within your sites is as easy as adding font tags (and a lot more fun!).