CIW Advanced HTML5 & CSS3 Specialist 2

Question 1

Which CSS3 property is used to add rounded corners to an element's border box?

Accepted Answer

border-radius

Answer

border-radius accepts one to four length values and applies rounded corners to the corners of an element's outer border edge.

Question 2

What is the purpose of the CSS3 @media rule?

Accepted Answer

To apply styles conditionally based on device characteristics or screen size

Answer

The @media rule applies a block of CSS only when specific conditions (such as minimum screen width) are true, enabling responsive design.

Question 3

Which CSS3 property controls the speed curve of a transition effect?

Accepted Answer

transition-timing-function

Answer

transition-timing-function specifies the acceleration curve (ease, linear, ease-in, ease-out, cubic-bezier, etc.) for a CSS transition.

Question 4

Which CSS3 flexbox property aligns flex items along the cross axis (perpendicular to the main axis)?

Accepted Answer

align-items

Answer

align-items sets the default alignment for all flex items along the cross axis of the flex container.

Question 5

What CSS3 property applies shadow effects behind an element's border box?

Accepted Answer

box-shadow

Answer

box-shadow applies one or more shadow effects to the exterior of an element's box, defined by offset, blur, spread, and color values.

CIW - Certified Internet Web Professional Practice Test