Explain what a class selector is and how it’s used
What is responsive design?
What is the difference between inline, inline-block, and block?
Bonus points for bringing up specific details like the fact that you can't transform inline elements.View
What are sprites and why would use them?
Sprites are essentially multiple images combined into one. Performance is the reason that they are used. Generally speaking, the slowest thing a website can do is request a resource. The fewer requests a site needs to make, the faster it is. Fast = good. Combining what would be many requests into one = good.View
List some techniques to clear floats?
You can do it in three ways:
Describe what a “reset” CSS file does and how it’s useful. Are you familiar with normalize.css? Do you understand how they differ?
A CSS Reset (or “Reset CSS”) is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline. We should use reset css because every browser has its own default 'user agent' stylesheet, that it uses to make unstyled websites appear more legible.
Normalize you might call a CSS reset alternative. Instead of wiping out all styles, it delivers a set of reasonable defaults. It doesn't unset things that are already consistent across browsers and reasonable (e.g. bold headers). In that way it does some less than a reset. It also does some more than a reset in that it handles quirks you may never consider, like HTML5 audio element inconsistencies or line-height inconsistencies when you use sub and sup elements.View
What are Sass, LESS, and Stylus? Why to use them? Is there any relationship between Compass and Sass?
They are CSS preprocessors. They are an abstraction layer on top of CSS. They are a special syntax/language that compile down into CSS. They make managing CSS easier, with things like variables and mixins to handle vendor prefixes (among other things). They make doing best practices easier, like concatenating and compressing CSS.
Bonus points for knowing how they differ and/or having experience using them. More bonus points for knowing what things like Compass, Bourbon, LESSHat, Nib, etc are and how they relate.View
What is the "Box Model" in CSS? Which CSS properties are a part of it?
The CSS box model is fundamental to understanding layout and sizing and such. It's made up of:
Margin is related but not technically a part of it. I would give extra points for knowing/mentioning that, but not take away and points for including it.View
© 2017 QuizBucket.org