Text Styles

Font styles

  • typeface: serif, sans-serif, monospace
  • size

Font decorations

  • bold
  • italic
  • uppercase
  • underline

Text spacing

  • line
  • word
  • letter

Text alignments


Exercises

  1. Create an HTML page and a CSS file, link the CSS file in the HTML header.
  2. In the above CSS file, add 3 styles, try combinations of font family and font size in each styles. In the above page, add 3 paragraphs and apply the 3 styles.
  3. In the above CSS file, add 3 styles of bold, italic, and underline. In the above page, add 3 paragraphs and apply the 3 styles.
  4. In the above CSS file, add 4 styles of alignments: left, right, center, and justify. In the above page, add 4 paragraphs and apply the 4 styles.