HTML and CSS Flashcards

Which CSS unit is relative to the font-size of the root `` element?

Answer: rem

`rem` (root em) is always relative to the font-size set on the `` element, making it predictable regardless of nesting.

What is the purpose of the HTML `` tag?

Answer: It declares the character encoding the browser should use to interpret the document

The charset meta tag tells the browser which encoding to use when reading the HTML bytes, ensuring characters render correctly.

In CSS Grid, what does `grid-template-columns: repeat(3, 1fr)` create?

Answer: Three equal-width columns that share the available space

`1fr` is a fractional unit; three of them divide the available track space into three equal columns.

Which HTML tag produces a thematic break (horizontal rule) between sections?

Answer:

`` represents a thematic break in content and renders as a horizontal line by default.

What CSS property makes text lowercase regardless of how it is typed in HTML?

Answer: text-transform: lowercase

`text-transform: lowercase` converts all characters in the element to lowercase at render time without changing the source HTML.

Which attribute on an `` tag opens the linked URL in a new browser tab?

Answer: target="_blank"

`target="_blank"` instructs the browser to open the href in a new browsing context (tab or window).

In CSS, what does the `::before` pseudo-element do?

Answer: Inserts generated content as the first child of the selected element

`::before` creates a pseudo-element that becomes the first child of the selector and can display content via the `content` property.