Beginner CSS

Question 1

What are CSS custom variables?

Answer 1

They’re a powerful tool that allow you to change multiple values at once.

Question 2

What is the syntax for CSS variables?

Answer 2

Double hyphen–

Example: –penguin: black;

Question 3

How does var work in CSS when it comes to variables?

Answer 3

You can assign its value to other properties by referencing the name. It will change whatever element you are targeting to match its value.

Question 4

What is the syntax for the var CSS variables?

Answer 4

var(–choosewhateverclassname): black;

Question 5

What is a fallback value? What is the syntax?

Answer 5

The value that will be reverted to if the variable is not found.
background: var(–randomclassname, black);

Question 6

What is :root?

Answer 6

It’s a pseudo class selector. Variables inside of it will be available globally and can be access from any other selector