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?
stack-order
z-index
layer-index
order
Question 2
What does "position: absolute" do relative to?
Document body
Parent element
Viewport
Nearest positioned ancestor
Question 3
How do you select the first child of an element?
:first
:first-of-type
:first-child
: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
Resets box model
Adds border outside
Question 6
How can you center a block element horizontally?
position: center
text-align: center
align: center
margin: 0 auto;
Question 7
Which media feature is used to detect if the device is in landscape mode?
orientation: landscape
@media landscape
screen: landscape
device-orientation
Question 8
What does "transition: all 0.3s ease" do?
Changes all colors
Makes all elements hidden
Applies a smooth transition to all properties over 0.3s with easing
Sets timeout
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?
grid: true
display: flex
display: grid-container
display: grid
Question 11
What is the difference between "display: none" and "visibility: hidden"?
none hides, hidden removes
none removes from layout, hidden hides but occupies space
none is for flex
Same effect
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)
Inline elements
Block elements only
All elements
Question 14
How do you apply a style to all elements that are checked?
:selected
[checked]
:checked
.checked
Question 15
What does "animation-iteration-count: infinite" do?
Animation runs once
Animation runs forever
Repeats 2 times
Stops animation
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 is faster
Same
nth-of-type is deprecated
nth-child counts all children, nth-of-type counts only same tag
Question 18
How do you create a triangle with pure CSS?
Using SVG
Using border-width and transparent borders
Using clip-path
Using shape-outside
Question 19
What does "pointer-events: none" do?
Removes hover
Hides pointer cursor
Disables clicks but shows hand
Makes element ignore mouse events
Question 20
Which property is used to write a multi-column layout?
multi-column
grid-template-columns
columns
column-count
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →