Correct Answer ( C )

The CSS float property allows elements to be positioned to the left or right of their container, wrapping the remaining content around the floated element . This property was widely used for layouts , but now it’s often replaced with Flexbox or grid for better control and responsiveness . Understanding float’s behavior is still useful for working with older websites or troubleshooting layout issues .

Correct Answer ( C )

CSS inheritance allows elements to inherit properties from their parent elements . If a parent element has a particular style , its children will inherit that style unless explicitly overridden , which simplifies styling and reduces the need for repeating styles throughout the document , promoting better maintainability .

Correct Answer ( C )

Both em and rem are relative units in CSS, but em is relative to the font size of the *parent* element , while rem is relative to the font size of the *root* element (usually html> element) This difference impacts how font sizes inherit and scale across the page . Using rem can provide more predictable and consistent scaling across the page compared to em which can lead to cascading effects

Correct Answer ( C )

The CSS position property controls how an element is positioned within its container . Its values include static (default, no positioning), relative (positioned relative to itself), absolute (positioned relative to its nearest positioned ancestor), fixed (positioned relative to the viewport) and sticky (behaves like relative until it crosses a specified threshold ) .

Correct Answer ( C )

A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element such as :hover, :focus or :active . For example, a:hover color : red will change the color of a link when the mouse hovers over it . Pseudo-classes enhance interactivity and visual feedback in web design , providing dynamic styling based on user interaction .

Correct Answer ( C )

Creating responsive images involves preventing images from exceeding the width of their container and maintaining the aspect ratio, which is commonly achieved by setting max-width: 100%; and height: auto; for the image element , which ensures that the image scales proportionally to fit the container without distorting its dimensions , which is crucial for web design and ensuring consistency across different screen sizes .

Correct Answer ( D )

The z index property in CSS controls the stacking order of elements that overlap – a higher z index value means the element will appear on top of elements with lower values – it only affects elements with a position other than static (e.g., relative, absolute, fixed) Understanding z-index is crucial for managing the visual layering of elements and creating complex, overlapping layouts in web design

Correct Answer ( C )

There are several methods to center an element in CSS both horizontally and vertically, depending on context and desired behavior . One common approach involves using display: flex on the parent container and setting justify-content: center; and align-items: center; to center the child element . Another involves using Grid layout or absolute positioning and transforms . The most suitable method depends on the specific needs of the layout and the complexity of the surrounding elements .

Correct Answer ( C )

The margin property in CSS controls the space outside an element border which separates the element from its neighboring elements and can be specified using different units (px, em, %, etc. ) and can be individually adjusted for the top, right, bottom, and left sides of an element or set uniformly for all sides . Margins are essential for controlling the visual spacing and layout of elements, contributing significantly to the overall design and readability of a web page .

Correct Answer ( C )

The display: flex; property in CSS enables the flexible box layout module, providing a powerful way to arrange items in one dimension (either a row or a column) It offers features for aligning items, distributing space and ordering elements efficiently, making it ideal for creating responsive and dynamic layouts . Its properties offer significant advantages for creating user interfaces adapted to various screen sizes .