Bachelor of Graphic Design Unit 2 — Questions and Answers
Question 1: Which unit is typically used to define font size in CSS for web design?
- px
- pt
- em (Correct answer)
- cm
Correct answer: em
The 'em' unit is relative to the parent element's font size, making it a scalable and preferred unit for web typography.
Question 2: How many points (pt) are in one pica?
- 6
- 12 (Correct answer)
- 72
- 8
Correct answer: 12
One pica equals 12 points, a fundamental relationship in traditional typographic measurement.
Question 3: In print design, 1 inch is equal to how many pixels at 72 PPI?
- 96
- 150
- 72 (Correct answer)
- 300
Correct answer: 72
At 72 PPI (pixels per inch), 1 inch equals exactly 72 pixels, the traditional screen resolution standard.
Question 4: What does the CSS unit 'vw' represent?
- Viewport width percentage (Correct answer)
- Vertical whitespace
- Vector width
- Variable weight
Correct answer: Viewport width percentage
The 'vw' unit equals 1% of the viewport's width, enabling layouts that respond to the browser window size.
Question 5: A designer needs a margin of exactly 1 centimeter in a print layout. Which unit should they use in their page setup?
- px
- em
- cm (Correct answer)
- pt
Correct answer: cm
For precise physical measurements in print, 'cm' (centimeters) directly maps to real-world dimensions without conversion.
Question 6: What is the relationship between millimeters (mm) and centimeters (cm) in graphic design?
- 10 mm = 1 cm (Correct answer)
- 100 mm = 1 cm
- 1 mm = 1 cm
- 5 mm = 1 cm
Correct answer: 10 mm = 1 cm
There are 10 millimeters in one centimeter, a standard metric relationship used in print production specs.
Question 7: Which unit is most appropriate for specifying line-height in a way that scales proportionally with font size?
- px
- cm
- unitless number (Correct answer)
- mm
Correct answer: unitless number
A unitless number for line-height multiplies the current font size, ensuring proportional scaling across all text sizes.
Which unit is typically used to define font size in CSS for web design?