StudyBrixFree worksheets, study guides and courses

Computer science · lesson 2 of 4

CSS layout and cascade

A pattern that chooses which elements a CSS rule targets.

University8 practice questionsNotes + worked examples
Take the quizStudy guideRevision sheet

Learn the ideas

Prerequisites: Basic computer literacy.

Selector

A pattern that chooses which elements a CSS rule targets.

Cascade

The rule system that resolves competing CSS declarations.

Box model

The content, padding, border and margin dimensions of an element.

Responsive design

Adapting layout and presentation to different viewport sizes and capabilities.

Worked examples

Example 1

Which term best matches this description: A pattern that chooses which elements a CSS rule targets.

Selector is the matching concept in this lesson.

Selector

Example 2

Which term best matches this description: The rule system that resolves competing CSS declarations.

Cascade is the matching concept in this lesson.

Cascade

Check your understanding

8 questions

Decimals or fractions are accepted for numeric answers. Proofs and written responses use sample answers and require human marking. This is practice, not a protected examination.

1 Which term best matches this description: A pattern that chooses which elements a CSS rule targets.

Show answer and explanation

Selector

Selector is the matching concept in this lesson.

2 Which term best matches this description: The rule system that resolves competing CSS declarations.

Show answer and explanation

Cascade

Cascade is the matching concept in this lesson.

3 Which concept would you apply first in a situation where the content, padding, border and margin dimensions of an element.

Show answer and explanation

Box model

The scenario directly calls for Box model.

4 Name the concept described as: Adapting layout and presentation to different viewport sizes and capabilities.

Show answer and explanation

Responsive design

The intended concept is Responsive design.

5 Which statement about Selector is most accurate?

Show answer and explanation

A pattern that chooses which elements a CSS rule targets.

The definition in the lesson notes gives the required condition.

6 Explain one important difference between Selector and Cascade.

Sample answer and marking guidance

Selector: A pattern that chooses which elements a CSS rule targets. Cascade: The rule system that resolves competing CSS declarations.

Credit a clear distinction using both definitions and an appropriate example if supplied.

7 Give a short example showing how Box model would be used in practice.

Sample answer and marking guidance

A valid example should demonstrate this idea: The content, padding, border and margin dimensions of an element.

Credit a relevant scenario that applies the concept rather than merely naming it.

8 Summarize why Responsive design matters in the lesson “CSS layout and cascade”.

Sample answer and marking guidance

Responsive design matters because Adapting layout and presentation to different viewport sizes and capabilities.

Credit the core purpose, scope and any important limitation from the notes.

Further reading and review references

These are reference links, not copied exercises, institutional endorsement or proof of independent review.