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?
z-index
layer-index
stack-order
order
Question 2
What does "position: absolute" do relative to?
Document body
Viewport
Parent element
Nearest positioned ancestor
Question 3
How do you select the first child of an element?
:first-child
:nth-child(1)
:first-of-type
:first
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?
Adds border outside
Resets box model
Only includes content
Question 6
How can you center a block element horizontally?
margin: 0 auto;
align: center
text-align: center
position: center
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-line
::first-letter
::first-line
Question 10
How do you create a CSS grid container?
grid: true
display: grid
display: grid-container
display: flex
Question 11
What is the difference between "display: none" and "visibility: hidden"?
none is for flex
none removes from layout, hidden hides but occupies space
none hides, hidden removes
Same effect
Question 12
Which unit is relative to the viewport width?
vmin
vh
%
vw
Question 13
What does "z-index" only work on?
All elements
Inline elements
Positioned elements (relative, absolute, fixed, sticky)
Block elements only
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?
Repeats 2 times
Animation runs once
Stops animation
Animation runs forever
Question 16
Which property is used to set the space between grid items?
gap
space
padding
grid-gap
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 clip-path
Using SVG
Using border-width and transparent borders
Using shape-outside
Question 19
What does "pointer-events: none" do?
Disables clicks but shows hand
Hides pointer cursor
Removes hover
Makes element ignore mouse events
Question 20
Which property is used to write a multi-column layout?
column-count
multi-column
columns
grid-template-columns
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →