Top 30 CSS Interview Questions And Answers

  1. Explain CSS position properties ?
  2. What are pseudo elements and pseudo classes ?
  3. What is the difference between display inline, display inline block and display block ?
  4. Difference between Display none and Visibility hidden ?
  5. In how many ways can we add CSS to our HTML file ?
  6. What are the new features in CSS3 ?
  7. What are the different types of Selectors in CSS ?
  8. What is the difference between active and focus pseudo classes ?
  9. What is CSS box sizing property ?
  10. What is the box model in CSS ?
  11. What is the difference between top and margin top ?
  12. What is the difference between bottom and margin bottom ?
  13. What is the difference between vh, px and percent ?
  14. What is the difference between rem and em ?
  15. What is :root in css ?
  16. What is the meaning of 1. div ~ p 2. div + p 3. Div > p in CSS ? important
  17. What are media queries ?
  18. How do you create a responsive design using CSS3 ?
  19. How to align an element both vertically and horizontally at the center of it’s parent element ?
  20. How to animate in css ?
  21. How to create a half circle using css ?
  22. How to create a triangle using css ?
  23. What are the limitations of CSS ?
  24. How to create a carousel using css ?
  25. What is SCSS ?
  26. What are mixins in SCSS ?
  27. Explain CSS flexbox with example ?
  28. In CSS flexbox how to to put a child div which is on 3rd position inside the parent to top inside the parent container ?
  29. What is the difference between CSS grid and CSS flexbox ?
  30. How to create a 9 square boxes with 3 rows and 3 columns using css ?

For more questions and answers visit our website at https://www.frontendinterviewquestions.com/

Comments

Post a Comment

Popular posts from this blog

Frontend Interview Questions For Freshers

  To be a successful   frontend developer , you need a combination of technical skills, problem-solving abilities, and a good understanding of user experience design. Here are some essential skills for frontend development: Proficient in HTML:  Understanding the structure, semantics, and best practices of HTML is essential for creating well-structured and accessible web pages. Strong CSS Skills:  CSS is used for styling and layout. You should be proficient in CSS fundamentals, including selectors, box model, positioning, responsive design, and CSS frameworks. JavaScript and Frameworks:  JavaScript is a core language for frontend development. Familiarity with JavaScript and its libraries/frameworks like React, Angular, or Vue.js is crucial for building interactive and dynamic web applications. Responsive Design:  Ability to create responsive layouts that adapt to different screen sizes and devices is essential for delivering a consistent and user-friendly experience across various platf
Read more

JavaScript Developer Interview Questions For 5 Years Experience

JavaScript Developer Interview Questions For 5 Years Experience What are the design patterns in JavaScript ? What is event loop in JavaScript ? How to deep clone in JavaScript ? How to flatten an array in JavaScript ? What is debounce in JavaScript ? Write a code to flatten the contents of an object ? How to create virtual dom in JavaScript ? What is critical rendering path ? What is a freeze method in JavaScript ? What are solid principles in JavaScript ? What is the seal method in JavaScript ? Difference between Angular and React ? How to watch variable changes in JavaScript ? How to create a change detection mechanism of JavaScript framework ? What is functional programming in JavaScript ? What is quick sort and what is it’s time complexity ? Explain bubble sort and insertion sort with example ? What is a REST API ? How to apply conditional breakpoints in chrome browser debugging tool ? Why storing JWT in cookie is safer than storing JWT in session storage or local storage? Is stori
Read more