HTML and CSS Flashcards

Which CSS property prevents a flex or grid item from shrinking below its content size?

Answer: flex-shrink: 0

Setting `flex-shrink: 0` prevents the item from shrinking when space is limited, keeping it at its natural size.

What does the HTML `download` attribute on an `` tag do?

Answer: Prompts the browser to download the linked file instead of navigating to it

The boolean `download` attribute tells the browser to treat the href as a downloadable file, optionally using the attribute's value as the filename.

Which CSS value for `position` removes an element from the normal document flow and positions it relative to the viewport?

Answer: fixed

`position: fixed` takes an element out of the flow and anchors it to the viewport, so it does not scroll with the page.

What is the correct way to add an external CSS file to an HTML document?

Answer:

The `` tag with `rel="stylesheet"` in the `` section is the standard method for attaching an external CSS file.

Which CSS property creates space inside an element's border, between the border and the content?

Answer: padding

Padding adds space between an element's content and its border, inside the box.

Which HTML5 input type provides a native date picker in most modern browsers?

Answer: type="date"

`` renders a native date picker control in supported browsers.

In CSS, what does `overflow: hidden` do when applied to a container?

Answer: Clips any content that extends beyond the container's bounds

`overflow: hidden` hides any part of child content that exceeds the container's width or height.