Some of CSS interview questions

cc-interview-questions.md

• What is the difference between classes and IDs in CSS?

• What's the difference between "resetting" and "normalizing" CSS? Which would you choose, and why?

• Describe Floats and how they work.

• Describe z-index and how stacking context is formed.

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

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

• Explain CSS sprites, and how you would implement them on a page or site.

• What are your favourite image replacement techniques and which do you use when?

• How would you approach fixing browser-specific styling issues?

• How do you serve your pages for feature-constrained browsers?

• What techniques/processes do you use?

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

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

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

• Are you familiar with styling SVG?

• How do you optimize your webpages for print?

• What are some of the "gotchas" for writing efficient CSS?

• What are the advantages/disadvantages of using CSS preprocessors?

• Describe what you like and dislike about the CSS preprocessors you have used.

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

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

• Describe pseudo-elements and discuss what they are used for.

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

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

• List as many values for the display property that you can remember.

• What's the difference between inline and inline-block?

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

• The 'C' in CSS stands for Cascading. How is priority determined in assigning styles (a few examples)? How can you use this system to your advantage?

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

• Have you played around with the new CSS Flexbox or Grid specs?

• How is responsive design different from adaptive design?

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

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