Mixed Deck — All CSS Topics Flashcards

What does '@media (hover: none)' typically target?

Answer: Touch devices without a hovering pointer

hover: none matches devices whose primary input cannot hover, like touchscreens.

What is the highest specificity among these selectors?

Answer: An ID selector

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

Which property is used to separate the borders of adjacent table cells when border-collapse is set to separate?

Answer: border-spacing

border-spacing sets the distance between adjacent cell borders in separated-border tables.

Which of the following methods does not shorten long URLs?

Answer: Internet Explorer

This question likely refers to a specific historical behavior or feature where Internet Explorer, particularly older versions, might not have automatically shortened or simplified the display of long URLs in the address bar or other UI elements as aggressively as some other browsers. Modern browsers like Chrome, Opera, or Firefox often employ various techniques to make URLs more readable or concise in their interface.

Which CSS property controls the space between the content and the border of an element?

Answer: padding

padding adds space inside an element, between its content and border.

What is the impact of regulatory changes on CSS professionals?

Answer: Regulatory changes require updating practices, procedures, and documentation to maintain compliance

Professionals must monitor and adapt to regulatory changes that affect their practice, ensuring continued compliance and effective service delivery.

Which of the following CSS3 Color Feature adds an alpha channel value to specify the color's opacity, similar to RGB color?

Answer: RGBa

RGBa is a CSS3 color format that extends the traditional RGB model by adding an 'alpha' channel. This alpha channel specifies the opacity of the color, allowing developers to control the transparency of an element from fully opaque (1) to fully transparent (0).

Which of the following is set for the shadow's horizontal offset?

Answer: h-offset

When defining a `box-shadow` or `text-shadow` in CSS, the `h-offset` (horizontal offset) value specifies how far the shadow should extend horizontally from the element. A positive value moves the shadow to the right, and a negative value moves it to the left, controlling its horizontal position.

Do CSS custom properties inherit by default?

Answer: Yes, they inherit just like color or font-size

CSS custom properties inherit by default, so a variable set on a parent element is automatically available to all its descendants.

Which property sets the space between individual characters?

Answer: letter-spacing

letter-spacing adjusts the horizontal space between letters.

What is a 'breakpoint' in responsive design?

Answer: A viewport width where the layout changes via media queries

A breakpoint is a defined screen width at which styles adapt.

Select the CSS property that determines where a table caption displays.

Answer: caption-side

The `caption-side` CSS property determines the placement of a table caption relative to the table itself. It can be set to `top` or `bottom`, positioning the caption above or below the table, respectively. This property provides control over the visual presentation of table captions, enhancing readability and layout.

What does a media query with 'min-width: 0px' and no upper bound effectively target?

Answer: All viewport widths

A min-width of 0 with no max applies to every screen width.

Which of the following selectors picks the presently enabled elements?

Answer: :enabled

The `:enabled` pseudo-class selects user interface elements that are currently in an enabled state. This typically applies to interactive form elements like ``, ``, and `` that can receive user input. It allows for styling these elements differently from their disabled counterparts, providing clear visual cues.

What qualifications are needed for advanced css development practice?

Answer: Advanced certifications, specialized training, demonstrated experience, and ongoing professional development

Advanced practice requires building upon foundational knowledge through specialized certifications, targeted training, and demonstrated competence in specific areas.

The filter property blurs the images using which of the following elements?

Answer: blur()

The `filter` CSS property allows you to apply graphical effects to an element. The `blur()` function is a specific value for this property that applies a Gaussian blur effect, making the element appear out of focus to a specified degree.

Which media query allows you to set custom property values specifically for users who prefer a dark color scheme?

Answer: @media (prefers-color-scheme: dark)

The `prefers-color-scheme: dark` media feature detects the user's OS dark mode preference, allowing you to redefine custom properties for dark themes.

What career advancement paths exist for CSS certified professionals?

Answer: Leadership roles, specialized consulting, education and training, and executive management positions

Certified professionals can advance through specialization, leadership roles, consulting, academic/training positions, and executive management within their field.

Which property positions a background image within its element?

Answer: background-position

background-position sets where the image is placed in the box.

What does 'prefers-reduced-motion: reduce' indicate?

Answer: The user wants minimized animations

It signals the user prefers reduced or no animation for accessibility.