Questions About CSS

Question 1

Please tell me about your strategy for creating responsive designs. What is it, and how do you approach the problem?

Question 2

What are media queries? What are pseudo-selectors?

Question 3

How do you approach organizing your CSS?

Question 4

What is CSS selector specificity and how does it work?

Question 5

What’s the difference between “resetting” and “normalizing” CSS? Which would you choose, and why?

Question 6

Describe Floats and how they work.

Question 7

Describe z-index and how stacking context is formed.

Question 8

Describe BFC (Block Formatting Context) and how it works.

Question 9

What are the various clearing techniques and which is appropriate for what context?

Question 10

How would you approach fixing browser-specific styling issues?

Question 11

How do you serve your pages for feature-constrained browsers? What techniques/processes do you use?

Question 12

What are the different ways to visually hide content (and make it available only for screen readers)?

Question 13

Have you ever used a grid system, and if so, what do you prefer?

Question 14

Have you used or implemented media queries or mobile specific layouts/CSS?

Question 15

Are you familiar with styling SVG?

Question 16

Can you give an example of an @media property other than screen?

Question 17

What are some of the “gotchas” for writing efficient CSS?

Question 18

What are the advantages/disadvantages of using CSS preprocessors? Describe what you like and dislike about the CSS preprocessors you have used.

Question 19

How would you implement a web design comp that uses non-standard fonts?

Question 20

Explain how a browser determines what elements match a CSS selector.

Question 21

Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.

Question 22

What does * { box-sizing: border-box; } do? What are its advantages?

Question 23

What is the CSS display property and can you give a few examples of its use?

Question 24

What’s the difference between inline and inline-block?

Question 25

What’s the difference between the “nth-of-type()” and “nth-child()” selectors?

Question 26

What’s the difference between a relative, fixed, absolute and statically positioned element?

Question 27

What existing CSS frameworks have you used locally, or in production? How would you change/improve them?

Question 28

Have you used CSS Grid?

Question 29

Can you explain the difference between coding a web site to be responsive versus using a mobile-first strategy?

Question 30

Have you ever worked with retina graphics? If so, when and what techniques did you use?

Question 31

Is there any reason you’d want to use translate() instead of absolute positioning, or vice-versa? And why?

Question 32

How is clearfix css property useful?