css
- Frontend
What is CSS and how does it influence web page design?
CSS stands for Cascading Style Sheets and is used to control the presentation, layout, and visual appearance of web pages.
Explain the box model in CSS.
The CSS box model describes the rectangular boxes generated for elements, consisting of margins, borders, padding,...
How do CSS selectors work?
Selectors target HTML elements based on their type, class, ID, attributes, or position to apply specific styles.
What are pseudo-classes and pseudo-elements in CSS?
Pseudo-classes target elements in a specific state (like :hover), while pseudo-elements style parts of elements...
Describe the difference between relative, absolute, and fixed positioning.
Relative positioning moves elements relative to their normal position; absolute positions relative to nearest...
What is Flexbox and why is it useful?
Flexbox is a CSS layout module that makes it easier to design flexible responsive layout structures without using...
How do media queries enhance responsive design?
Media queries allow CSS to apply different styles based on screen size, resolution, or device features.
Explain CSS specificity and how conflicts are resolved.
Specificity determines which CSS rule applies when multiple rules target the same element; more specific selectors...
What are CSS variables and how do they work?
CSS variables (custom properties) store reusable values that can be referenced throughout the stylesheet and updated...
How does the cascade and inheritance work in CSS?
The cascade determines which styles apply when conflicts occur, while inheritance passes some property values from...
Frontend
What is CSS and how does it influence web page design?
CSS stands for Cascading Style Sheets and is used to control the presentation, layout, and visual appearance of web pages.
Explain the box model in CSS.
The CSS box model describes the rectangular boxes generated for elements, consisting of margins, borders, padding, and the actual content area.
How do CSS selectors work?
Selectors target HTML elements based on their type, class, ID, attributes, or position to apply specific styles.
What are pseudo-classes and pseudo-elements in CSS?
Pseudo-classes target elements in a specific state (like :hover), while pseudo-elements style parts of elements (like ::before).
Describe the difference between relative, absolute, and fixed positioning.
Relative positioning moves elements relative to their normal position; absolute positions relative to nearest positioned ancestor; fixed positions relative to viewport.
What is Flexbox and why is it useful?
Flexbox is a CSS layout module that makes it easier to design flexible responsive layout structures without using float or positioning.
How do media queries enhance responsive design?
Media queries allow CSS to apply different styles based on screen size, resolution, or device features.
Explain CSS specificity and how conflicts are resolved.
Specificity determines which CSS rule applies when multiple rules target the same element; more specific selectors override less specific ones.
What are CSS variables and how do they work?
CSS variables (custom properties) store reusable values that can be referenced throughout the stylesheet and updated dynamically.
How does the cascade and inheritance work in CSS?
The cascade determines which styles apply when conflicts occur, while inheritance passes some property values from parents to children.
