CSS Quiz

The CSS flex property automatically arranges all child elements in a row by default.

• True

• False

CSS Grid allows the creation of both rows and columns, unlike Flexbox which only allows rows.

• True

• False

In a flex container, the align-items property controls the horizontal alignment of flex items.

• True

• False

The box-sizing: border-box property includes padding and borders in the element's total width and height.

• True

• False

Which CSS animation property defines how many times an animation should run?

• animation-play-state

• animation-fill-mode

• animation-times

• animation-iteration-count

Which CSS property defines the time it takes for a transition to complete?

• transition-timing-function

• transition-duration

• transition-delay

• animation-duration

You need to manually download Bootstrap if you want to use it in a project.

• True

• False

Which of the following statements about keyframes in CSS are true?

• Keyframes can specify intermediate points in an animation.

• Keyframes allow you to define the start and end states of an animation.

• Keyframes are used only with @keyframes rules.

• Keyframes cannot be used to animate transform properties.

How do you create an animation that moves an element horizontally by 100 pixels?

• transform: translateX(100px);

• animation: slideX 100px;

• transform: move(100px);

• transform: translateY(100px);

You can customize Bootstrap by overriding its default styles through a custom CSS file after including the CDN link.

• True

• False