Lecture_8_CSS Typography & Text Styling

Lesson 4: CSS Typography & Text Styling

Objective: Master text styling techniques, including fonts, spacing, and alignment.

• Duration: 80 minutes

• Topics Covered:

  1. CSS Fonts & Text Properties

     • Font families, font size, and font weight.

     • Importing and using Google Fonts.

  2. Text Color & Formatting

     • Setting text color and background color.

     • Text formatting options: bold, italic, underline.

  3. Text Alignment & Decoration

     • Aligning text with text-align.

     • Adding text decorations (underline, overline, line-through).

  4. Text Transformation & Spacing

     • Uppercase, lowercase transformations.

     • Line-height, letter-spacing, word-spacing.

• Student Activity:

  • Design a blog post layout. Style headings, paragraphs, and links with different font families, sizes, and text decorations. Use Google Fonts to enhance typography.

• Homework/Practice:

  • Create a landing page with styled headers and body text. Experiment with different text-alignments and transformations.