CSS Flashcards
What is the difference between classes and IDs in CSS?
- An element can have multiple classes
- Multiple elements can have the same class
- IDs should apply to only one element
What’s the difference between “resetting” and “normalizing” CSS?
a
Describe Floats and how they work.
a
Describe z-index and how stacking context is formed.
a
Describe BFC(Block Formatting Context) and how it works.
a
What are the various clearing techniques and which is appropriate for what context?
a
Explain CSS sprites, and how you would implement them on a page or site.
a
What are your favourite image replacement techniques and which do you use when?
a
How would you approach fixing browser-specific styling issues?
a
How do you serve your pages for feature-constrained browsers?
a
What are the different ways to visually hide content (and make it available only for screen readers)?
a
Have you ever used a grid system, and if so, what do you prefer?
a
What are media queries?
a
How do you style SVG?
a
How do you optimize your webpages for print?
a
What are some of the “gotchas” for writing efficient CSS?
a
What are the advantages/disadvantages of using CSS preprocessors?
a
How would you implement a web design comp that uses non-standard fonts?
a
Explain how a browser determines what elements match a CSS selector.
a
Describe pseudo-elements and discuss what they are used for.
a
Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
a
What does * { box-sizing: border-box; } do? What are its advantages?
a
List as many values for the display property that you can remember.
a
What’s the difference between inline and inline-block?
a
