HTML & CSS Crossword: Advanced CSS & Layout (Modules 43–52)
Name:
Date:
Class:
✎
Crossword
Read each clue and write the matching term in the grid. Numbers in brackets show the letters in each word.
1
2
3
4
5
6
7
8
9
Across
- 2. A CSS relative unit. 1rem equals the root element's (html) font size. Unlike em, ______ is not affected by nesting — it is consistent throughout the page. (3)
- 4. A CSS property that sets the maximum width an element is allowed to reach. The element can be smaller but never wider. Useful for responsive layouts. Word 1 of: ___-width (3)
- 6. A CSS property that adds space inside an element's border, between the content area and the border. Unlike margin, ______ is inside the element. (7)
- 7. A CSS property that controls how an element participates in layout. Common values: block, inline, inline-block, none and flex. (7)
- 8. Controls whether width and height include padding and border. border-box includes them; content-box (the default) measures content only. Word 2 of: box-______ (6)
- 9. A CSS property that sets the typeface for text, accepting a prioritised list of ______ names with a generic fallback such as serif or sans-serif Word 1 of: ____-family (4)
Down
- 1. A CSS property that adds space outside an element's border, between it and surrounding elements. Unlike padding, ______ is outside the element's background. (6)
- 3. Every HTML element is a box with four layers: content, padding, border, and margin. These layers control the element's size and spacing. Word 2 of: box _____ (5)
- 5. A CSS shorthand property that sets a visible line around an element by specifying width, style, and color in one declaration, e.g. ______: 2px solid black (6)
- 6. A CSS property that sets how an element is positioned. Values: static (default), relative, absolute, fixed or sticky. Offset properties (top, right, bottom, left) take effect on non-static elements. (8)
Answer Key
HTML & CSS · Modules 43–52
1M
2R
E
3M
4M
A
X
5B
O
R
O
6P
A
D
D
I
N
G
R
O
E
I
7D
I
S
P
L
A
Y
N
E
I
R
T
8S
I
Z
I
N
G
O
9F
O
N
T
Across
2REM — A CSS relative unit. 1rem equals the root element's (html) font size. Unlike em, ______ is not affected by nesting — it is consistent throughout the page.
4MAX — A CSS property that sets the maximum width an element is allowed to reach. The element can be smaller but never wider. Useful for responsive layouts. Word 1 of: ___-width
6PADDING — A CSS property that adds space inside an element's border, between the content area and the border. Unlike margin, ______ is inside the element.
7DISPLAY — A CSS property that controls how an element participates in layout. Common values: block, inline, inline-block, none and flex.
8SIZING — Controls whether width and height include padding and border. border-box includes them; content-box (the default) measures content only. Word 2 of: box-______
9FONT — A CSS property that sets the typeface for text, accepting a prioritised list of ______ names with a generic fallback such as serif or sans-serif Word 1 of: ____-family
Down
1MARGIN — A CSS property that adds space outside an element's border, between it and surrounding elements. Unlike padding, ______ is outside the element's background.
3MODEL — Every HTML element is a box with four layers: content, padding, border, and margin. These layers control the element's size and spacing. Word 2 of: box _____
5BORDER — A CSS shorthand property that sets a visible line around an element by specifying width, style, and color in one declaration, e.g. ______: 2px solid black
6POSITION — A CSS property that sets how an element is positioned. Values: static (default), relative, absolute, fixed or sticky. Offset properties (top, right, bottom, left) take effect on non-static elements.