Question 1

What’s the `box-sizing` property?

Accepted Answer

It controls how the box model calculates size. `border-box` includes padding and borders in the width/height—makes life easier.

Question 2

What are CSS custom properties?

Accepted Answer

Custom properties (e.g., `--color: blue`) are variables you define and reuse with `var()`. They’re great for theming and keeping code DRY.

Question 3

What’s the `transform` property?

Accepted Answer

It lets you rotate, scale, or move elements—like `transform: rotate(45deg)`. Smooth and hardware-accelerated.

Question 4

What’s the `:not()` selector?

Accepted Answer

It targets everything except what’s in the parentheses—like `:not(.disabled)` styles all but disabled elements.

Question 5

What’s the difference between `rgba()` and `opacity`?

Accepted Answer

`rgba()` sets transparency for a specific color (like background), while `opacity` affects the entire element and its kids. `rgba()` gives more control.

Question 6

How do you create a CSS gradient?

Accepted Answer

Use `linear-gradient()` or `radial-gradient()` to blend colors. Define direction and stops—it’s artsy and functional.

Question 7

How does CSS specificity work?

Accepted Answer

Specificity decides which style wins when rules clash. It’s scored: inline (1000), IDs (100), classes (10), elements (1). Higher score applies—simple but tricky!

Question 8

What’s the difference between `:before` and `::before`?

Accepted Answer

`:before` is the old single-colon syntax; `::before` is the modern double-colon for pseudo-elements. They do the same thing—`::before` is just clearer.

Question 9

What’s the `currentColor` keyword?

Accepted Answer

It grabs the current `color` value of an element, letting you reuse it elsewhere—like for borders or shadows.

Question 10

What’s the `place-items` shorthand?

Accepted Answer

It sets both `align-items` and `justify-items` in Grid, centering stuff easily—like `place-items: center`.

DeVlt

Medium Css Interview Questions

Unlock All Interview Questions

Why Practice Medium Css Questions?

DeVlt