Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: Date: 25/02/2026
Subject: Information Communication Technology ICT
Lesson Topic: Know and understand characteristics of cascading stylesheets including the difference between attached stylesheets and inline style attributes, the hierarchy of multiple attached stylesheets and inline styles within a web page
Learning Objective/s:
  • Describe the characteristics and typical uses of external, internal, and inline CSS.
  • Explain the cascade hierarchy and how specificity determines which rule is applied.
  • Apply appropriate stylesheet methods to a given HTML snippet and predict the resulting styling.
  • Compare the advantages and disadvantages of each CSS application method.
  • Demonstrate how multiple external stylesheets interact and how order affects the final appearance.
Materials Needed:
  • Projector and screen
  • Computer with internet access
  • Code editor (e.g., VS Code) and sample HTML/CSS files
  • Printed handout of the cascade diagram
  • Worksheet with revision questions
 Introduction:

Begin with a quick visual of two web pages that look identical but use different styling methods to spark curiosity. Review that students already know basic HTML tags. State that by the end of the lesson they will be able to choose and justify the most effective way to apply CSS and explain how the browser decides which style wins.
Lesson Structure:
  1. Do‑now (5 minutes): short quiz on CSS terminology to activate prior knowledge.
  2. Mini‑lecture (10 minutes): overview of external, internal, and inline styles with code examples.
  3. Live demonstration (10 minutes): link three external stylesheets, add an internal block and an inline style; show the cascade in the browser’s developer tools.
  4. Guided practice (15 minutes): students modify a sample HTML page, apply different stylesheet methods, and predict which colour will appear on a heading.
  5. Group discussion (10 minutes): compare advantages/disadvantages and explore specificity scenarios.
  6. Check for understanding (5 minutes): exit‑ticket where each learner writes the correct cascade order and one situation where !important overrides it.
Conclusion:

Recap the key points of the cascade, specificity, and when to use each CSS method. Collect the exit‑ticket as a quick retrieval check and assign homework: create a simple two‑page website that uses at least two external stylesheets and one inline style, then document the order of the stylesheets and why the final appearance occurs.