Website Design Website Design MCQ 2 — Questions and Answers
Question 1: Which CSS property controls the stacking order of overlapping elements?
- z-index (Correct answer)
- stack-order
- layer
- position
Correct answer: z-index
The z-index property determines the vertical stacking order of positioned elements, with higher values appearing on top.
Question 2: What is the purpose of a favicon in website design?
- A small icon displayed in the browser tab and bookmarks bar (Correct answer)
- A large hero image at the top of the page
- A CSS animation for page transitions
- A font icon library
Correct answer: A small icon displayed in the browser tab and bookmarks bar
A favicon is a small 16x16 or 32x32 pixel icon associated with a website, shown in browser tabs and bookmark lists.
Question 3: Which design principle states that related elements should be placed near each other?
- Proximity (Correct answer)
- Alignment
- Contrast
- Repetition
Correct answer: Proximity
The proximity principle groups related items together visually, helping users understand their relationship.
Question 4: What does 'above the fold' mean in web design?
- Content visible without scrolling (Correct answer)
- The header section of a webpage
- A CSS technique for sticky elements
- The footer area of a website
Correct answer: Content visible without scrolling
Above the fold refers to the portion of a webpage visible in the browser window without any scrolling.
Question 5: Which file format is best suited for logos and icons that need transparency?
- PNG (Correct answer)
- JPEG
- BMP
- TIFF
Correct answer: PNG
PNG supports alpha channel transparency, making it ideal for logos and icons that need transparent backgrounds.
Question 6: What is a wireframe in web design?
- A low-fidelity skeletal layout showing structure without visual design (Correct answer)
- A high-resolution prototype with full styling
- A sitemap showing page hierarchy
- A CSS grid framework
Correct answer: A low-fidelity skeletal layout showing structure without visual design
A wireframe is a basic schematic that outlines the layout and structure of a webpage without colors, fonts, or detailed design.
Question 7: Which CSS unit is relative to the font size of the root element?
- rem (Correct answer)
- em
- px
- vh
Correct answer: rem
The rem (root em) unit is always relative to the font-size of the root HTML element, making it predictable across nested elements.
Website Design Website Design MCQ 2
Which CSS property controls the stacking order of overlapping elements?