- What is the box model in CSS?
- What are some CSS methodologies?
- What is BEM and how is it used?
- What is OOCSS and what are its principles?
- What's the difference between content-box and border-box?
- What are the differences between various display properties?
- What is the difference between id and class selectors?
- What is selector specificity and how is it calculated?
- What is the position property and what are its values?
- What is @media and how is it used?
- What is Responsive Web Design (RWD) and why is it important?
- What is Block Formatting Context (BFC) and how is it created?
- How does z-index work and how is stacking context formed?
- How does floating work in CSS?
- What are different methods to center a div?
- How can you center a div without using flex or grid?
- What are the pros and cons of animations in CSS compared to JS?
- What is the will-change property and when should it be used?
- What's the difference between em and rem units, and when should you use each?
- Name three selectors that can select an element based on its index.
- How can you select the first 10 elements in a list using CSS?
- How can you select odd and even elements in a list using CSS?
- How can you check if a CSS property is supported in a browser?
- What are the ways to load CSS resources conditionally?
- How do you use CSS variables?
- How can you create a case-insensitive attribute selector in CSS?
- What is the difference between reset.css and normalize.css?
- What is shadow DOM and how does it relate to CSS?
- How would you implement modularity in CSS?
- What are pseudo-classes in CSS and can you provide some examples?
- What is an attribute selector and how is it used?
- What are the different ways to hide content?
- Are CSS property names case-sensitive?
- What is the purpose of the 'only' keyword in media queries?
- Do margin-top and margin-bottom have an effect on inline elements?
- Do padding-top and padding-bottom have an effect on inline elements?
- Do padding-left and padding-right have an effect on inline elements?
- Will text with font-size: 10rem be responsive when the browser window is resized?
- Does overflow: hidden create a new block formatting context?
- Which unit would you prefer among px, em, %, or pt and why?
- How does CSS Grid work?
- How does Flexbox work?
- What is the difference between visibility: hidden and display: none?
- What are CSS Sprites and why are they used?
- What is a pseudo-element and how is it used?
- What is the difference between nth-of-type() and nth-child()?
- What is a mobile-first approach in responsive design?
- What is SVG and how is it used in web design?
- How do browsers read CSS selectors?
- What are CSS modules and what are their advantages and disadvantages?
- What is a CSS preprocessor and why would you use one?
- What is the concept of "CSS in JS" and how does it differ from traditional CSS?
- What is the purpose of CSS frameworks and can you name a few popular ones?
- What is a CSS pseudo-class and how is it used?
- What is the purpose of the ::before and ::after pseudo-elements?
- What is the difference between responsive and fluid typography?
Estimated time: 20 hours