Kevin W. Tharp

Eagle

Designer Developed Browser Presentation

This page shows the presentation created by the designer through the use of an external CSS stylesheet. This page builds upon the reset stylesheet page by linking to both the reset.css and to base.css. In this way it uses the reset stylesheet to clear away the default presentations provided by the browser, then builds it up with exactly what the designer desires. Notice that the reset stylesheet comes before the base stylesheet. Otherwise, this page would look like this: Notice how the formatting of the Headers and other styled elements lose their styling, but those items that are not reset in the reset stylesheet retain their styling. This is an example of the cascade, where the last style information encountered by the browser is applied, overriding elements included in the reset stylesheet and not overriding those that are not. This is an important thing to remember when you are working with styles and find that styles that you are creating are not behaving in the way you expect. When this happens, look further down the cascade to see where the styles are being overridden.

<link href="/css/reset.css" rel="stylesheet" type="text/css">
<link href="/css/base.css" rel="stylesheet" type="text/css">

The next step is to examine embedded or internal styles.

 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

A Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.

A hyperlink

Unformatted Text

An unordered list An ordered list
  1. Item 1
  2. Item 2
  3. Item 3