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