Four Styles Controlling This Page:

  1. Inline - placed directly into tag & changes only selected text
  2. Embedded - placed into head of page & changes only the page where it appears
  3. External - placed in an external style sheet & changes pages that link to it
  4. Browser Default - Times Roman is the browser default font style

Inline Style

this is an h5 tag which is an "inline" style placed directly into the tag. It causes the type to display in 1.4em, be colored purple,and be bolder.

The inline style overrides the embedded and external styles. It changes the font size to 1.4em from .9em and changes the color to purple from pink, which had both been set by the external style sheet. Also, it changes the font weight to bolder from lighter, which had been set by the embedded style. These changes only occur in the text appearing within the given tag.

Embedded Style

this is an h5 tag which is an "embedded" style placed in the head of this page. it causes the type to display in 1.2em, be colored red, be lighter, and display in small caps

The embedded style overrides the external style for the page on which it appears. It changes the font color set externally from aqua to red and sets the font weight from normal to lighter. Ir alao causes the type to display in small caps.

External Style

this is an h5 tag which is an "external" style placed in the linked style sheet. it causes the type to display in a sans-serif font, and have an oblique style.

The external style sheet sets the font family to a sans-serif font, and sets the font style to oblique. All other attributes are overridden by the embedded sytle.

Browser Default Style

This is the "browser default" style of Times Roman.

The browser default style sets the font to Times Roman, and the color to black when no other font family or color is declared

 

Valid XHTML 1.0 Strict graphic: Valid CSS 2.1