CSS selectors and properties are the focus of this Grade 10 Computer Science worksheet for digital design and web development. Students identify how selectors target HTML elements, explain how CSS properties control appearance, predict the result of simple styling rules, and choose styles that support readability and consistent layout. :contentReference[oaicite:0]{index=0}

Connect CSS rules with visible page changes

The worksheet focuses on the relationship between a CSS rule and the elements it affects. Students work with the idea that selectors determine what is targeted, while properties determine what changes. The lesson specifically addresses styling choices involving color, fonts, spacing, and borders, giving students a foundation for reasoning about how CSS changes a web page.

Students also practice predicting visual outcomes from simple CSS rules. This moves the lesson beyond recognizing terminology by asking learners to connect written styling instructions with the appearance they would produce. Readability and consistency are part of that reasoning, so students consider whether a styling choice supports a clearer and more organized layout.

Multiple ways to check understanding

Practice includes a dialogue, matching activity, cloze passage, labeled diagram, reading passage, multiple-choice questions, true-or-false statements, short-answer questions, and an extended response. This range allows students to identify CSS concepts, explain how styling works, interpret visual or structural information, and apply design reasoning in written responses.

What teachers receive

• Grade 10 Computer Science worksheet on CSS selectors, properties, visual styling, readability, and layout consistency
• Separate Teacher Guide PDF with learning objectives, teaching tips, discussion questions, and common mistakes

Where it fits in a web development unit

Use this CSS worksheet when introducing styling after students have encountered basic HTML, reinforcing the difference between content structure and presentation, or reviewing selectors and properties before further web design work. It can support direct instruction, guided practice, independent work, or lesson review.

The resource is useful because students are asked to connect CSS syntax concepts with their practical purpose. Instead of treating selectors and properties as isolated vocabulary, they reason about what is being targeted, what visual feature changes, and whether the resulting style supports readability and consistent page design.