Four Styles Controlling This Page:
- Inline - placed directly into tag & changes only selected text
- Embedded - placed into head of page & changes only the page where it appears
- External - placed in an external style sheet & changes pages that link to it
- 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 24 pixels, be colored pink and be bold.
The inline style overrides the embedded and external styles. It changes
the font size to 24 pixels from 16 pixels and changes the color to deep pink
from lavendar, which had both been set by the external style sheet. Also, it
changes the font weight to bold from bolder, 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 small caps, be colored deep red and be bolder.
The embedded style overrides the external style for the page
on which it appears. It changes the font color set externally from
lavendar to red and sets the font weight from normal to bolder.
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 16 pixels, have an oblique style, and be in a sans-serif font style.
The external style sheet sets the font family to a sans-serif font, sets
the color to dark purple, which is overridden by the embedded style's color,
sets the font size to 16 pixels and sets the font style to oblique.
Browser Default Style
This is the "browser default" style of Times Roman.
The browser default style sets the font to Times Roman when no other
font family is declared.
