CSS Advanced
Advanced
This test evaluates your advanced knowledge of CSS, focusing on animations, transitions, custom properties, and advanced selectors. To master these concepts, check out CSS Animations Guide on MDN, CSS Almanac by CSS-Tricks, and this advanced CSS Tutorial on YouTube.
1
Which CSS property is used to create a flexible grid layout?
2
How do you create a CSS variable named "main-color"?
3
Which pseudo-element is used to style the first line of a text?
4
What is the CSS specificity value for this selector: #header .menu li a:before?
5
Which property is used to create a smooth transition effect?
6
How do you make a grid item span 3 columns?
7
Which property is used to change the stacking order of elements?
8
How do you create a keyframe animation called "slidein"?
9
Which property is used to create a 3D transformation?
10
How do you select all elements that are direct children of a element?
11
Which property is used to specify the space between the content and the border of an element?
12
How do you create a flex container?
13
Which property is used to change the style of the cursor when it's over an element?
14
How do you make a grid with 3 equal columns?
15
Which property is used to specify the transparency of an element?
16
How do you select all elements with a title attribute containing the word "flower"?
17
Which property is used to specify the type of positioning method used for an element?
18
How do you create a circle using CSS?
19
Which property is used to control the space between the border and the outline of an element?
20
How do you select all elements that are siblings of a element?
21
Which property is used to specify the type of box used for an HTML element?
22
How do you create a sticky footer with flexbox?
23
Which property is used to create a drop shadow effect?
24
How do you create a responsive image that scales with the viewport width?
25
Which property is used to specify how an element should be resized by the user?