HTML5 & CSS3
Semantic DOM structure, Accessibility (A11y), Flexbox/Grid systems, and browser behavior fundamentals.
Interview Questions
4 TotalWhat does Semantic HTML mean and why is it important?
Semantic HTML refers to using HTML markup that reinforces the meaning of the information (e.g., `<article>`, `<header>`, `<nav>`). It is crucial for SEO, accessibility, and machine readability.
Explain the difference between Flexbox and CSS Grid.
Flexbox is a one-dimensional layout system used for aligning items along a single row or column. CSS Grid is a two-dimensional layout system designed for complex layouts over both rows and columns simultaneously.
What is the CSS Box Model?
The CSS Box Model describes rectangular boxes generated for elements in the document tree. It consists of: Content area, Padding area, Border area, and Margin area.
What is Specificity in CSS?
Specificity is the algorithm used by browsers to determine which CSS rule should be applied if multiple competing rules match the same element. In-line styles > IDs > Classes > Elements.