• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 11. Using Style Sheets > Linking to an Existing External Style Sheet

Linking to an Existing External Style Sheet

You now have an external style sheet with several Style Definitions. Because it is external, you can link to this file from other documents. The Style Definitions, except for custom styles, will be applied automatically to all documents that are linked to this style sheet. You will need to manually apply any custom styles to paragraphs or selected text.

1.
Open the biking.htm file from the Lesson_11_Styles folder.

In the following steps, you will link this document to the external style sheet you've been working with so the text formatting will be consistent between both pages.

2.
Click the attach style sheet button at the bottom of the CSS Styles panel.

The Select Style Sheet File dialog box opens.

3.
Locate the lessonstyle.css file you created at the beginning of this lesson in the Lesson_11_Styles folder and click Select (Windows) or Open (Macintosh).

The external style sheet has now been linked to this document. Any tags in the current document are changed to the styles in the external style sheet.

Notice that not all the text in biking.htm has changed from its default formatting. The document had some HTML tags that were not included in your style sheet. In the following steps, you will edit the external style sheet to add the HTML tags that appear in this new page.

4.
Click Edit Style Sheet at the bottom of the CSS Styles panel. Add styles with format attributes of your choice for the heading “Mountain Biking Adventures” and the bullet lists that appear on the Mountain Biking Adventures page.

Use the steps you learned in the Adding a Style to an Existing Style Sheet exercise earlier in this lesson to complete this step. The text on the page changes as you specify styles for the heading and bullet list.

5.
Use the steps you learned in the Creating Custom Styles exercise earlier in this lesson to apply the boldit custom style to the definition terms, starting with “Horsethief Bench.”

Save this file and leave it open for the next exercise.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint