Heading 1: External Style Sheet file C1_BasicConcept_Ex1.css {color: red}

Heading 2: External Style Sheet file C1_BasicConcept_Ex1.css {color: black}

Heading 3: External Style Sheet file C1_BasicConcept_Ex1.css {color: green}

Heading 4: Internal Style Sheet file {color: cyan}; Grouping

Heading 5: Internal Style Sheet file {color: cyan}; Grouping

Regular CLASS paragraph: Right align

Regular CLASS paragraph: Center align

Generic CLASS paragraph: Center align

Generic CLASS Heading 6: Center align; color: cyan

Regular ID paragraph: intro color: blue

Generic ID paragraph: generic_ID_intro color: blue

Inline paragraph: style="color: sienna; margin-left: 20px"

Multiple Styles paragraph: color: red; text_align: right font-size: 20pt

Contextual Selectors: DIV P { font: small sans-serif; background-color: yellow }

The following links test Anchor Pseudo-Classes (a:link, a:active, a:visited, and a:hover):

HOME

C1_BasicConcept_Ex1.htm

Reference.htm

This paragraph shows: The 'first-line' Pseudo-Element, The 'first-letter' Pseudo-Element, Pseudo-Elements in Selectors, and Multiple Pseudo-Elements.