D276 Web Development Foundations - Set 3 - Part 2

Correct Answer: padding

The padding property controls the space between the content of an element and its border.

Correct Answer: border-radius

The border-radius property allows you to add rounded corners to elements in CSS.

Correct Answer: color:red

While red is a valid color keyword, color:red is not a valid way to specify colors in CSS; it should be color: red;.

Correct Answer: float

The float property specifies whether an element should float to the left or right of its containing element.

Correct Answer: clear

The clear property stops floating elements and forces the next element to appear on a new line.

Correct Answer: display

The display property determines how an element is displayed on the page, such as block, inline, or none.

Correct Answer: flex-direction

The flex-direction property controls the direction in which flex items are laid out inside a flex container.

Correct Answer: gap

The gap property defines the space between rows and columns of items in a flex or grid container.

Correct Answer: z-index

The z-index property controls the stacking order of elements that overlap.

Correct Answer: :hover

The :hover pseudo-class is triggered when a user hovers over an element.

Correct Answer: animation-timing-function

The animation-timing-function property controls how an animation progresses between keyframes.

Correct Answer: Declare it in the :root selector

CSS variables with global scope are declared inside the :root selector.

Correct Answer: --main-color: blue;

CSS variables are defined with two dashes (--) followed by the variable name.

Correct Answer: hm

hm is not a valid unit in CSS; px, em, and cm are valid units for specifying lengths.

Correct Answer: flexbox

Flexbox provides an efficient way to arrange items in a container that adjusts for different screen sizes.

Correct Answer: flex-wrap

The flex-wrap property controls whether flex items are forced into one line or wrapped onto multiple lines.

Correct Answer: grid-template-columns

The grid-template-columns property defines the number and width of columns in a grid container.

Correct Answer: position

The position property determines where elements are positioned in the browser window.

Correct Answer: transition-property

The transition-property specifies which properties should be animated during a transition.

Correct Answer: transform

The transform property is used to rotate, scale, or move elements.