08.08.2017 Views

designer

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Using the Style Application Group Commands 355<br />

4. Press CTRL+Z to undo the last edit. On the Style tab, in the Target Rule list, select<br />

New Auto Class. On the Home tab, click the arrow to the right of Font Color, and<br />

click Red.<br />

In Design view, the label for the tag is p.style1 style2. In Code view, you can<br />

see a new class, .style2, applied to the tag that surrounds the text Garden<br />

Furniture.<br />

5. Press CTRL+Z to undo the last edit. On the Style tab, in the Target Rule list, select<br />

Apply New Style.<br />

The New Style dialog box opens with Font selected under Category.<br />

6. Delete .newStyle1, and then type .red. With Font selected under Category, select<br />

Red in the color list.<br />

7. Click Apply, and then click OK to close the New Style dialog box.<br />

The text Garden Furniture is colored red and justified to the left with no border.<br />

The classes .style1 and .style 2 are no longer applied to the text. The label for the<br />

tag is p.red, and in Code view, the class value is now set to red.<br />

8. Right-click the MyPage.aspx tab, and then click Save.<br />

CLEAN UP Close MyPage.aspx and MyStyles.css. Leave SharePoint Designer open if<br />

you are continuing to the next exercise.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!