What are CSS logical properties and why are they important for internationalization?

Heisenbug logo
TheHeisenBug

Search

Search across questions, learning content, and hands-on projects

Ace Your Next Tech Interview

5,986+ interview questions across 87 technologies — with expert answers, advanced search, AI-powered assistance, personal highlights, structured learning paths, and hands-on practice projects.

5,986+Questions & Answers
87Technologies
AdvancedSearch
Built-inAsk AI
PersonalHighlights
StructuredLearning Paths
Hands-onPractice Projects

Lifetime Access

One-time payment. No subscriptions. Unlock everything, forever.

$19.90USD

or R$49.90 BRL

FeatureFreePremium
Question titlesAllAll
Answers per topicTop 5All
Learning chaptersFirst 5All
Practice projectsFirst 3All
Highlights✓✓
Ask AI—✓
Read tracking✓✓
Search✓✓

CSS Interview Questions

  1. [JUNIOR] What is CSS and what does it stand for?
  2. [JUNIOR] What are the different ways to include CSS in an HTML document?
  3. [MID] What is the CSS box-sizing property and what is the difference between content-box and border-box?
  4. [MID] What is flexbox and what are its main properties?
  5. [JUNIOR] What is the difference between inline, internal, and external CSS?
  6. [JUNIOR] What is the CSS box model?
  7. [JUNIOR] What is the difference between margin and padding?
  8. [JUNIOR] What is the difference between block-level and inline elements in CSS?
  9. [JUNIOR] What is a CSS selector and how do you use it?
  10. [MID] How do you center an element horizontally and vertically in CSS?
  11. [MID] What is CSS specificity and how is it calculated?
  12. [MID] What are pseudo-classes in CSS and can you give examples?
  13. [MID] What are pseudo-elements in CSS and how do they differ from pseudo-classes?
  14. [MID] What are media queries and how do you use them for responsive design?
  15. [JUNIOR] What is the difference between a class selector and an ID selector?
  16. [JUNIOR] How do you change the color of text and background in CSS?
  17. [JUNIOR] How do you make text bold and italic using CSS?
  18. [JUNIOR] What is the purpose of the display property in CSS?
  19. [MID] What is the difference between relative, absolute, fixed, static, and sticky positioning?
  20. [MID] What is the z-index property and how does it work?
  21. [MID] What is CSS Grid and when would you use it over flexbox?
  22. [MID] What is the difference between em, rem, px, %, and viewport units?
  23. [MID] What is the float property and how does it work?
  24. [SENIOR] How does a browser determine what elements match a CSS selector?
  25. [SENIOR] What is a Block Formatting Context (BFC) and how does it work?
  26. [SENIOR] What creates a stacking context and how does z-index interact with it?
  27. [SENIOR] How would you approach fixing browser-specific styling issues?
  28. [JUNIOR] How do you remove bullet points from a list using CSS?
  29. [JUNIOR] How do you group multiple CSS selectors to apply the same styles?
  30. [JUNIOR] What are inline styles and when should you use them?
  31. [JUNIOR] How do you change the appearance of a cursor using CSS?
  32. [MID] What is the difference between display: none, visibility: hidden, and opacity: 0?
  33. [MID] What is the overflow property and when should it be used?
  34. [MID] What are CSS transitions and how do they work?
  35. [MID] What are CSS animations and keyframes?
  36. [MID] What are vh and vw units?
  37. [MID] What is the clearfix technique and when is it necessary?
  38. [MID] How do you create a responsive layout using CSS media queries?
  39. [MID] What is CSS-in-JS?
  40. [SENIOR] What are CSS preprocessors and what are the advantages and disadvantages of using them?
  41. [SENIOR] How can you optimize CSS for web performance and faster load times?
  42. [SENIOR] What is the will-change property and when should you use it?
  43. [SENIOR] How do you decide between flexbox and CSS Grid for a given layout?
  44. [SENIOR] Explain the concept of cascading in CSS and how specificity, source order, importance, and layers interact?
  45. [JUNIOR] How do you apply CSS styles only to visited links?
  46. [JUNIOR] How do you select all elements of a specific type with CSS?
  47. [MID] What is the difference between resetting and normalizing CSS?
  48. [MID] What is the calc() function in CSS and when is it useful?
  49. [MID] What are CSS variables (custom properties) and how do they differ from preprocessor variables?
  50. [MID] What is the difference between inline and inline-block?
  51. [MID] What is the difference between absolute and fixed positioning?
  52. [MID] How do you select elements by attribute in CSS?
  53. [MID] What is the transition property in CSS?
  54. [SENIOR] What are some gotchas for writing efficient CSS?
  55. [SENIOR] How would you implement a web design that uses non-standard fonts?
  56. [SENIOR] Is there any reason to use translate() instead of absolute positioning, or vice-versa?
  57. [SENIOR] How do you serve pages for feature-constrained browsers?
  58. [SENIOR] What are the different ways to visually hide content and make it available only for screen readers?
  59. [SENIOR] How can you create responsive typography using viewport units and media queries?
  60. [SENIOR] How is responsive design different from adaptive design?
  61. [EXPERT] What are cascade layers (@layer) and how do they help manage CSS at scale?
  62. [JUNIOR] What is the universal selector in CSS?
  63. [MID] What is BEM (Block Element Modifier) methodology?
  64. [MID] What are vendor prefixes in CSS and when should you use them?
  65. [MID] What is the difference between border and outline in CSS?
  66. [MID] How do you increase the size of an element on hover without shifting neighboring elements?
  67. [SENIOR] What is the object-fit property and when is it useful for handling images?
  68. [SENIOR] How do you implement dark mode using CSS variables that respects user preferences but allows manual override?
  69. [SENIOR] What is the aspect-ratio property and how does it help maintain element proportions?
  70. [SENIOR] Explain CSS sprites and how you would implement them on a page?
  71. [SENIOR] What are container queries and how do they differ from media queries?
  72. [EXPERT] What is the :has() selector and what problems does it solve?
  73. [EXPERT] What is the difference between :is() and :where() selectors?
  74. [EXPERT] What are CSS logical properties and why are they important for internationalization?
  75. [MID] What is the currentColor keyword and how does it work?
  76. [MID] How do you implement a multi-column layout using CSS?
  77. [MID] What are data attributes and how are they used with CSS?
  78. [SENIOR] How can you use the backdrop-filter property for advanced background effects?
  79. [SENIOR] What is the clip-path property and how can it be used to create custom shapes?
  80. [SENIOR] How would you create a CSS-only parallax scrolling effect?
  81. [EXPERT] How does margin collapsing work and what are the edge cases with parent-child and adjacent sibling collapsing?
  82. [EXPERT] What are CSS subgrids and how do they differ from regular grids?
  83. [EXPERT] What are scroll-snap-type and scroll-snap-align properties and how do they enable advanced scroll snapping?
  84. [SENIOR] What is the content-visibility property and how does it impact rendering performance?
  85. [EXPERT] How does the shape-outside property work for wrapping text around irregular shapes?
  86. [EXPERT] What is the CSS mask property and how does it differ from clip-path for advanced masking?
  87. [EXPERT] How can you achieve custom typography effects using CSS variable fonts?
  88. [EXPERT] What is the mix-blend-mode property and how can it be used for blending elements with their background?
  89. [EXPERT] What is the conic-gradient property and how does it differ from linear and radial gradients?
  90. [EXPERT] How does the pointer-events property work and what are its use cases in interactive designs?
  91. [EXPERT] What are CSS counter and counter-increment properties and how do they work for auto-numbered lists?