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

Lesson 11. Using Cascading Style Sheets > Exploring an external style sheet

Exploring an external style sheet

Style sheets can also be external to the current document. A link in the page to the external style sheet file will format the elements on the page. You'll be creating and linking an external style sheet to a page later in the lesson. Right now, let's simply see what an external style sheet looks like.

1.
Choose File > Open, and open the file Alternate1.css that is located in the Styles folder in the PoetryPond.com folder. The style sheet opens in its own window named Alternate1.css.

2.
Notice that the external style sheet lists some common HTML elements.

3.
If the Inspector is not already open, choose Window > Inspector to display it.

4.
In the Alternate1.css window, select an element selector. The CSS Selector Inspector becomes active.

5.
Make sure that the Basics tab () in the CSS Selector Inspector is selected, and click different elements.

6.
In the Basics tab in the CSS Selector Inspector, notice that the styles with their associated selectors, properties, and values appear just as with the internal style sheet you examined earlier.



7.
Close the Alternate.css style sheet window without saving it.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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