Cascade Template

I am an h1 tag which has an "inline" style which is typed directly into my tag. This inline style controls my look.

This tags is controlled by 3 styles: linked, embedded and inline.

1. the linked style which says - be green, have a gray background and display in italic
2. the embedded style which is in the head of this document says - be blue and display in small caps
3. the inline style which says be red and 18pixels

The styles conflict with regards to the color, and so the browser has to decide who to follow. An inline style overrules an embedded style and a linked style I am red

I display at 18 pixels because my inline style sets that value

My text displays in small caps because the embedded style sets that value

I get my gray background color and italic formatting from the linked style sheet.

I am displaying in Times Roman from the browser style for font-family.

I am a plain old boring h1 tag

I am a plain old boring h1 tag

I am a plain old boring h1 tag

I am a plain old boring h1 tag

I am a plain old boring h1 tag

I am a plain old boring h1 tag

This tags is controlled by 2 styles: linked and embedded.

1. the linked style which says - be green, have a gray background and display in italic
2. the embedded style which is in the head of this document says - be blue and display in small caps
3. the inline style which says be red and 18pixels

The styles conflict with regards to the color, and since an embedded style overrules a linked style I am green

My text displays in small caps because the embedded style sets that value

I get my gray background and italic formatting from the linked style sheet.

I am displaying in Times Roman from the browser style for font-family.