diff --git a/questions/css-questions/index.html b/questions/css-questions/index.html index 85c9b79..9d760b0 100644 --- a/questions/css-questions/index.html +++ b/questions/css-questions/index.html @@ -1 +1 @@ -CSS Questions ★ Front-end Developer Interview Questions

CSS Questions

  • What is CSS selector specificity and how does it work?
  • 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?
  • 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?
  • Can you give an example of an @media property other than screen?
  • 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?
  • What is the CSS display property and can you give a few examples of its use?
  • What’s the difference between inline and inline-block?
  • What’s the difference between the “nth-of-type()” and “nth-child()” selectors?
  • What’s the difference between a relative, fixed, absolute and statically positioned element?
  • What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
  • Have you used CSS Grid?
  • Can you explain the difference between coding a web site to be responsive versus using a mobile-first strategy?
  • 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?
  • How is clearfix css property useful?
  • Can you explain the difference between px, em and rem as they relate to font sizing?
  • Can you give an example of a pseudo class? Can you provide an example use case for a pseudo class?
  • What is the difference between a block level element and an inline element. Can you provide examples of each type of element?
  • What is the difference between CSS Grid and Flexbox? When would you use one over the other?
\ No newline at end of file +CSS Questions ★ Front-end Developer Interview Questions

CSS Questions

  • What is CSS selector specificity and how does it work?
  • 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?
  • 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?
  • Can you give an example of an @media property other than screen?
  • 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?
  • What is the CSS display property and can you give a few examples of its use?
  • What’s the difference between inline and inline-block?
  • What’s the difference between the “nth-of-type()” and “nth-child()” selectors?
  • What’s the difference between a relative, fixed, absolute and statically positioned element?
  • What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
  • Have you used CSS Grid?
  • Can you explain the difference between coding a web site to be responsive versus using a mobile-first strategy?
  • 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?
  • How is clearfix css property useful?
  • Can you explain the difference between px, em and rem as they relate to font sizing?
  • Can you give an example of a pseudo class? Can you provide an example use case for a pseudo class?
  • What is the difference between a block level element and an inline element. Can you provide examples of each type of element?
  • What is the difference between CSS Grid and Flexbox? When would you use one over the other?
  • What’s the difference between fixed, fluid and responsive layouts?
\ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml index 32e90ed..e5f1e9a 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -3,236 +3,236 @@ https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/about/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/coding-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/css-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/fun-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/general-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/html-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/javascript-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/network-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/performance-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/questions/testing-questions/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/************/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/arabic/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/bulgarian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/burmese/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/chinese-traditional/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/chinese/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/croatian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/czech/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/danish/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/dutch/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/farsi/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/french/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/german/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/greek/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/hebrew/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/hindi/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/hungarian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/indonesian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/italian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/japanese/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/korean/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/korean/reference.html - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/latvian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/polish/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/portuguese/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/romanian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/russian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/serbian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/slovakian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/slovenian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/spanish/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/swedish/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/turkish/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/ukrainian/ - 2023-10-18 + 2023-11-01 https://h5bp.org/Front-end-Developer-Interview-Questions//Front-end-Developer-Interview-Questions/translations/vietnamese/ - 2023-10-18 + 2023-11-01