Practice Test GeeksCSS Language Practice Test
← All CSS Flashcard Decks

CSS Technology Applications Flashcards

7 cards from real CSS practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.

Read the first 7 CSS Technology Applications flashcards as text

  1. Which CSS function allows you to perform calculations to determine property values?

    Answer: calc()

    The calc() function lets you compute values, mixing units like percentages and pixels.

  2. What does 'box-sizing: border-box' change about the box model?

    Answer: Width and height include padding and border

    With border-box, the element's width and height include its padding and border.

  3. Which pseudo-class selects an element when a user hovers their mouse over it?

    Answer: :hover

    The :hover pseudo-class applies styles when the pointer is over the element.

  4. In CSS Grid, which property defines the columns of the grid container?

    Answer: grid-template-columns

    grid-template-columns defines the number and size of columns in a grid.

  5. What is the highest specificity among these selectors?

    Answer: An ID selector

    ID selectors have higher specificity than class, element, or universal selectors.

  6. Which property would you use to make text uppercase without changing the HTML?

    Answer: text-transform

    text-transform: uppercase converts text to uppercase visually.

  7. What does a media query like '@media (max-width: 600px)' do?

    Answer: Applies styles when the viewport is at most 600px wide

    This media query applies its styles only when the viewport width is 600px or less.