# CSS layout and cascade

> A pattern that chooses which elements a CSS rule targets.

Course: [Web development foundations](https://studybrix.com/en/courses/web-development/index.md)
Level: university
Prerequisites: Basic computer literacy.

## Notes

### 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.

## Practice questions

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

A. Selector
B. Box model
C. Cascade
D. Responsive design

Answer: Selector

Explanation: Selector is the matching concept in this lesson.

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

A. Selector
B. Box model
C. Responsive design
D. Cascade

Answer: Cascade

Explanation: 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.

A. Box model
B. Cascade
C. Selector
D. Responsive design

Answer: Box model

Explanation: The scenario directly calls for Box model.

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

Answer: Responsive design

Explanation: The intended concept is Responsive design.

### 5. Which statement about Selector is most accurate?

A. A pattern that chooses which elements a CSS rule targets.
B. The content, padding, border and margin dimensions of an element.
C. Adapting layout and presentation to different viewport sizes and capabilities.
D. The rule system that resolves competing CSS declarations.

Answer: A pattern that chooses which elements a CSS rule targets.

Explanation: The definition in the lesson notes gives the required condition.

### 6. Explain one important difference between Selector and Cascade.

Sample answer / marking guidance: Selector: A pattern that chooses which elements a CSS rule targets. Cascade: The rule system that resolves competing CSS declarations.

Explanation: 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 / marking guidance: A valid example should demonstrate this idea: The content, padding, border and margin dimensions of an element.

Explanation: 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 / marking guidance: Responsive design matters because Adapting layout and presentation to different viewport sizes and capabilities.

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

## Further reading

- https://developer.mozilla.org/

Original AI-assisted educational draft; not independently teacher-reviewed. References support further study, not copied exercises, affiliation or curriculum accreditation.