Edu
Hub
Dashboard
Courses
My Progress
Leaderboard
AI Tools
AR
AR
Abdullah Rashid
abdullah@example.com
Navigation
🏠
Dashboard
📚
Courses
📈
My Progress
🏆
Leaderboard
✨
AI Tools
👤
Profile
🚪
Log Out
←
CSS Intermediate
⏱
15:00
Quit
0 / 20 answered
0%
CSS Intermediate
10 questions · Medium difficulty · 00:20:00 min
🔥 In Progress
Question 1
Which CSS property is used to control the stacking order of elements?
z-index
stack-order
layer-index
order
Question 2
What does "position: absolute" do relative to?
Nearest positioned ancestor
Viewport
Parent element
Document body
Question 3
How do you select the first child of an element?
:first-child
:first-of-type
:first
:nth-child(1)
Question 4
Which CSS function is used to create custom properties (variables)?
var()
custom()
set()
define()
Question 5
What does "box-sizing: border-box" do?
Only includes content
Adds border outside
Resets box model
Question 6
How can you center a block element horizontally?
margin: 0 auto;
text-align: center
align: center
position: center
Question 7
Which media feature is used to detect if the device is in landscape mode?
orientation: landscape
device-orientation
screen: landscape
@media landscape
Question 8
What does "transition: all 0.3s ease" do?
Applies a smooth transition to all properties over 0.3s with easing
Changes all colors
Makes all elements hidden
Sets timeout
Question 9
Which pseudo-element is used to style the first line of a paragraph?
::first-line
:first-line
::first-letter
.first-line
Question 10
How do you create a CSS grid container?
display: grid
display: flex
grid: true
display: grid-container
Question 11
What is the difference between "display: none" and "visibility: hidden"?
none removes from layout, hidden hides but occupies space
Same effect
none hides, hidden removes
none is for flex
Question 12
Which unit is relative to the viewport width?
vw
vh
vmin
%
Question 13
What does "z-index" only work on?
Positioned elements (relative, absolute, fixed, sticky)
All elements
Block elements only
Inline elements
Question 14
How do you apply a style to all elements that are checked?
:checked
:selected
[checked]
.checked
Question 15
What does "animation-iteration-count: infinite" do?
Animation runs forever
Animation runs once
Stops animation
Repeats 2 times
Question 16
Which property is used to set the space between grid items?
gap
grid-gap
space
padding
Question 17
What is the difference between "nth-child" and "nth-of-type"?
nth-child counts all children, nth-of-type counts only same tag
Same
nth-child is faster
nth-of-type is deprecated
Question 18
How do you create a triangle with pure CSS?
Using border-width and transparent borders
Using clip-path
Using shape-outside
Using SVG
Question 19
What does "pointer-events: none" do?
Makes element ignore mouse events
Hides pointer cursor
Disables clicks but shows hand
Removes hover
Question 20
Which property is used to write a multi-column layout?
column-count
columns
multi-column
grid-template-columns
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →