HTML & CSS Definitions Worksheet: Advanced CSS & Layout (Modules 43–52)
Name:
Date:
Class:
✎
Key terms
Write what each term means, in your own words.
1
font-family
2
rem
3
box model
4
padding
5
border
6
margin
7
max-width
8
box-sizing
9
display
10
position
Answer Key
HTML & CSS · Modules 43–52 · Student wording will vary for definitions
1font-family — A CSS property that sets the typeface for text, accepting a prioritised list of font names with a generic fallback such as serif or sans-serif
2rem — A CSS relative unit. 1rem equals the root element's (html) font size. Unlike em, rem is not affected by nesting — it is consistent throughout the page.
3box model — Every HTML element is a box with four layers: content, padding, border, and margin. These layers control the element's size and spacing.
4padding — A CSS property that adds space inside an element's border, between the content area and the border. Unlike margin, padding is inside the element.
5border — A CSS shorthand property that sets a visible line around an element by specifying width, style, and color in one declaration, e.g. border: 2px solid black
6margin — A CSS property that adds space outside an element's border, between it and surrounding elements. Unlike padding, margin is outside the element's background.
7max-width — 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.
8box-sizing — Controls whether width and height include padding and border. border-box includes them; content-box (the default) measures content only.
9display — A CSS property that controls how an element participates in layout. Common values: block, inline, inline-block, none and flex.
10position — 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.