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?
order
stack-order
z-index
layer-index
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?
:first
:nth-child(1)
:first-child
:first-of-type
Question 4
Which CSS function is used to create custom properties (variables)?
define()
set()
custom()
var()
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
margin: 0 auto;
align: center
position: center
Question 7
Which media feature is used to detect if the device is in landscape mode?
screen: landscape
device-orientation
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-line
:first-line
::first-letter
Question 10
How do you create a CSS grid container?
grid: true
display: flex
display: grid
display: grid-container
Question 11
What is the difference between "display: none" and "visibility: hidden"?
none removes from layout, hidden hides but occupies space
none hides, hidden removes
Same effect
none is for flex
Question 12
Which unit is relative to the viewport width?
vh
vw
vmin
%
Question 13
What does "z-index" only work on?
Block elements only
All elements
Inline elements
Positioned elements (relative, absolute, fixed, sticky)
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 forever
Animation runs once
Repeats 2 times
Stops animation
Question 16
Which property is used to set the space between grid items?
grid-gap
space
padding
gap
Question 17
What is the difference between "nth-child" and "nth-of-type"?
Same
nth-of-type is deprecated
nth-child is faster
nth-child counts all children, nth-of-type counts only same tag
Question 18
How do you create a triangle with pure CSS?
Using shape-outside
Using border-width and transparent borders
Using clip-path
Using SVG
Question 19
What does "pointer-events: none" do?
Disables clicks but shows hand
Makes element ignore mouse events
Removes hover
Hides pointer cursor
Question 20
Which property is used to write a multi-column layout?
columns
multi-column
column-count
grid-template-columns
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →