CSS Essentials Quiz Quiz

1. Box Model Property

   Which CSS property defines the visible portion of an element?

   1. Margin
   2. Padding
   3. Border
   4. Content
   5. Contentt

2. Background Effects

   Which CSS property applies graphical effects to the background behind an element?

   1. background-color
   2. background-image
   3. background-blend-mode
   4. bg-effects
   5. background

3. Box Shadow Property

   What CSS property is used to add shadow effects around an element's frame?

   1. text-shadow
   2. box-shadow
   3. element-shadow
   4. frame-shadow
   5. shadow-box

4. Text Transformation

   Which CSS property controls the capitalization of text?

   1. font-variant
   2. text-transform
   3. letter-spacing
   4. word-spacing
   5. font-style

5. Flexbox Alignment

   Which CSS property aligns flex items along the main axis?

   1. align-items
   2. justify-content
   3. align-content
   4. align-self
   5. justy-content

6. Grid Layout

   In CSS Grid, which property defines the number of columns in a grid container?

   1. grid-row
   2. grid-column
   3. grid-template-rows
   4. grid-template-columns
   5. grid-columns

7. Specificity Rules

   Which type of CSS selector has the highest specificity?

   1. Class selector
   2. ID selector
   3. Type selector
   4. Universal selector
   5. Attribute selector

8. Pseudo-classes

   Which CSS pseudo-class is used to style an element when the mouse pointer is over it?

   1. :active
   2. :focus
   3. :hover
   4. :visited
   5. :link

9. Z-Index Property

   What CSS property controls the stack order of positioned elements?

   1. opacity
   2. position
   3. visibility
   4. z-index
   5. stack-order

10. CSS Variables

    What is the correct syntax for declaring a CSS variable?

    1. var-name: value;
    2. variable = value;
    3. --var-name: value;
    4. var(name, value);
    5. $var-name: value;