Edu
Hub
Courses
AI Tools
Leaderboard
Login/Register
AR
Abdullah Rashid
abdullah@example.com
Navigation
📚
Courses
🏆
Leaderboard
✨
AI Tools
←
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?
layer-index
z-index
stack-order
order
Question 2
What does "position: absolute" do relative to?
Viewport
Document body
Nearest positioned ancestor
Parent element
Question 3
How do you select the first child of an element?
:nth-child(1)
:first-of-type
:first
:first-child
Question 4
Which CSS function is used to create custom properties (variables)?
var()
define()
custom()
set()
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?
text-align: center
position: center
align: center
margin: 0 auto;
Question 7
Which media feature is used to detect if the device is in landscape mode?
device-orientation
screen: landscape
orientation: landscape
@media landscape
Question 8
What does "transition: all 0.3s ease" do?
Sets timeout
Changes all colors
Applies a smooth transition to all properties over 0.3s with easing
Makes all elements hidden
Question 9
Which pseudo-element is used to style the first line of a paragraph?
.first-line
::first-letter
:first-line
::first-line
Question 10
How do you create a CSS grid container?
display: grid
display: flex
display: grid-container
grid: true
Question 11
What is the difference between "display: none" and "visibility: hidden"?
none hides, hidden removes
none is for flex
Same effect
none removes from layout, hidden hides but occupies space
Question 12
Which unit is relative to the viewport width?
%
vh
vmin
vw
Question 13
What does "z-index" only work on?
Positioned elements (relative, absolute, fixed, sticky)
Block elements only
All elements
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
Stops animation
Animation runs once
Repeats 2 times
Question 16
Which property is used to set the space between grid items?
grid-gap
gap
space
padding
Question 17
What is the difference between "nth-child" and "nth-of-type"?
nth-of-type is deprecated
nth-child counts all children, nth-of-type counts only same tag
nth-child is faster
Same
Question 18
How do you create a triangle with pure CSS?
Using shape-outside
Using SVG
Using clip-path
Using border-width and transparent borders
Question 19
What does "pointer-events: none" do?
Hides pointer cursor
Makes element ignore mouse events
Removes hover
Disables clicks but shows hand
Question 20
Which property is used to write a multi-column layout?
columns
grid-template-columns
column-count
multi-column
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →