Deck 6: More Css Basics

Question 1

When using the box model, the _____ is always transparent.

A) border
B) content
C) spacing
D) margin

Answer 1

D

Question 2

A _________________ is a smooth blending of shades from one color to another.

A) transition
B) transform
C) shadow
D) gradient

Answer 2

D

Question 3

Which of the following configures a margin for an element with the following values: top margin 30 pixels, left margin 150 pixels, right margin 0 pixels, and bottom margin 0 pixels?

A) margin: 150px 20px 0 300px;
B) margin: top-30, left-150, right-0, bottom-0;
C) margin: 30px 0 0 150px;
D) margin: 30px 150px 0 0;

Answer 3

C

Question 4

The CSS3 _______ property configures the transparency of an element.

A) opacity
B) transparency
C) background-opacity
D) opacity-background

Question 5

When configuring the background color of an element, the background color is applied to both the content and ______ areas.

A) border
B) padding
C) margin
D) extra

Question 6

Which of the following is used along with the width property to configure centered page content?

A) margin-left: auto; margin-right: auto
B) margin: top-10, left-0, right-0, bottom-10;
C) margin: 15px 0 5px 0;
D) margin: 20px;

Question 7

Use the ________________ property to confine the display of the background image.

A) background-image
B) background-clip
C) background-origin
D) background-size

Question 8

Use the ___________________ property to resize or scale the background image.

A) background-image
B) background-clip
C) background-origin
D) background-size

Question 9

The CSS opacity property configures the display of _____________

A) only the background
B) only the text
C) neither the text or the background
D) both the text and the background

Question 10

The ___________________ property configures a shadow effect on the text displayed within an element.

A) box-shadow
B) linear-gradient
C) text-shadow
D) shadow

Question 11

The letters in the acronym HSLA indicate:

A) hue, selection, lightness, alpha
B) hue, saturation, luminosity, alpha
C) hue, saturation, lightness, alpha
D) hue, shade, luminosity, alpha

Question 12

Which of the following configures a 1 pixel, solid black border for an element?

A) border-all: #000000;
B) border: 1px solid #000000;
C) border-style: 1px solid #000000;
D) border-top: 1px solid #000000;

Question 13

Which of the following configures padding for an element with the following values: top padding 0 pixels, left padding 10 pixels, right padding 10 pixels, bottom padding 20px?

A) padding: 0px 10px 20px 10px;
B) padding: 0 10px 20px 10px;
C) padding: 10xp 20px;
D) padding: 20px 10px 10px 0px;

Question 14

Use the _______ property to configure a linear gradient.

A) linear-gradient
B) background-color
C) background-image
D) opacity

Question 15

Use the ________________ property to configure rounded corners with CSS.

A) border-round
B) border-radius
C) box-shadow
D) background-corner

Question 16

Use the __________ property to configure a minimum width for an element

A) width
B) minimum-width
C) min-width
D) m-width

Question 17

Which of the following, from outermost to innermost, are components of the box model?

A) margin, border, padding, content
B) content, padding, border, margin
C) content, margin, padding, border
D) margin, padding, border, content

Question 18

The default value for the border property for an element is:

A) 1 pixel
B) 0 pixels
C) 3 pixels
D) 10 pixels

Question 19

The _______ is the area between the content and the border.

A) border
B) spacing
C) padding
D) margin

Question 20

The _______ is between the padding and the margin.

A) border
B) spacing
C) padding
D) content

Question 21

____ HSL color is supported by all browsers.

Question 22

____ A radial gradient is a smooth blending of color emanating outward from a single point.

Question 23

____ A border can be configured on only one side of an element

Question 24

Use the __________ property to configure a maximum width for an element

A) width
B) maximum-width
C) max-width
D) width-max

Question 25

Which of the following is NOT a valid value for the border-style property?

A) dashed
B) groove
C) solid
D) triple
True or False.