How CSS file is pared and applied to DOM?
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?
CSS stands for Cascade Style Sheet. What Cascading is .It has actually three style sheets applied to your website.
- User agent stylesheet
- Author agent stylesheet
How Inheritance of some property works
Color and font family will be inherited by default. If you need to inherit property, you can set it .class { margin: inherit }
Explain how a browser determines what elements match a css selector.
Browser parses selectors from rightmost to left and find corresponding DOMs from bottom to up.
https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/#CSS_parsing
What are the different ways to visually hide content (and make it available only for screen readers)?
What is the difference between Normalize.css and Reset CSS?
Resets are so wildly common in CSS that anyone who is a front end developer type has surely used them. Do they do so blindly or do they know why? The reason is essentially that different browsers have different default styling for elements, and if you don't deal with that at all, you risk designers looking unnecessarily different in different browsers and possibly more dramatic breaking problems.
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.