Session5

Which of the following is true about the position: sticky property?

• A. It requires a z-index to work properly.
  

• It toggles between relative and fixed based on the scroll position.

• It only works inside a flex container.

• It behaves the same as absolute but with offset restrictions.

If two elements have the same z-index value and are siblings, what determines which one appears on top?

• A. Their position in the DOM hierarchy.
  

• Their width and height.

• Their display property.

• Their overflow property.

What happens when overflow: scroll is set on an element?

• Content is clipped and cannot be accessed.
  

• Scrollbars are visible only when content overflows.

• Content is always visible with a scroll bar, even when it doesn't overflow.

• Scrollbars are always hidden.

Which property combination is most suitable for centering an element both horizontally and vertically inside a parent container?

• display: inline-block; margin: auto;
  

• text-align: center; line-height: 50%;

• . float: center; margin: auto;

• position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

Which property is commonly used to make a navigation bar fixed at the top of the page?

• 
  position: fixed;
  

• position: sticky;

• position: relative;

• position: absolute;

Which CSS layout system uses grid-template-rows and grid-template-columns properties?

• 
  Box Model

• Flexbox

• CSS Grid

• Float Layout

Which of the following values is NOT valid for the position property?

• static
  

• relative

• inherit

• float

What is the default position value for all elements?

• static
  

• fixed

• absolute

• relative

Which property adjusts the space between the individual characters of a text?

• letter-spacing

  
  

• font-spacing

• text-spacing

• word-spacing

Which CSS property is used for specifying the shadows of a box?

• padding-shadow

• shadow-box

• box-shadow

• border-shadow