Quiz 2

Question 1

​The _____ unit can be thought of as a share of available space.

A) ​grid-template
B) ​wbr
C) ​fr
D) em

Answer 1

C) ​fr

Question 2

T/F: ​Even if the background images are hidden, the tiling process continues behind the page body.

Answer 2

T

Question 3

​Once a Cascading Style Sheets (CSS) grid is established, a specific element within a _____ is placed at the intersection of a specified row and column.

A) ​track-list
B) sibling element
C) stack
D) grid cell

Answer 3

D) grid cell

Question 4

Identify the property that is used to apply a border image.

A) ​border-image-radius: radius;
B) ​border-image: horizontal/vertical;
C) ​border-image: style;
D) ​border-image: url(url) slice repeat;

Answer 4

D) ​border-image: url(url) slice repeat;

Question 5

T/F: ​In the opacity property, if the value is 0, it means an object is completely opaque.

Answer 5

F

Question 6

T/F: The z-index property works only for elements that are placed with relative positioning.

Answer 6

F

The z-index property works only for elements that are placed with absolute positioning

(PP T3, Slide 69)

Question 7

T/F: ​New content can be easily placed within a grid in a way that is consistent with previously entered information.

Answer 7

T

Question 8

​Desktop layouts are often based on layouts with _____ columns.

A) 1 to 3
B) 0
C) 4 to 12
D) 12 or more

Answer 8

D) 12 or more

Question 9

​Which of the following is a popular Cascading Style Sheets (CSS) framework?

A) Medoo
B) ​Skeleton
C) Flex Unit 4
D) Spark

Answer 9

B) ​Skeleton

Question 10

T/F: ​Whether an element is displayed as a block or as inline depends on the style sheet.

Answer 10

T

Question 11

​Which of the following angles used in the filter function hue-rotate (angle) displays the complimentary colors?

A) ​180deg
B) ​0deg
C) 90deg
D) 360deg

Answer 11

A) ​180deg

Question 12

​Identify the default type of the background-attachment property.

A) scroll
B) ​local
C) ​space
D) ​fixed

Answer 12

A) scroll

Question 13

​The width property of the _____ model is based on the sum of the content, padding, and border spaces and any space taken up by the padding and border is subtracted from space given to the content.

A) padding box
B) content box
C) margin box
D) ​border box

Answer 13

D) ​border box

Question 14

Which of the following defines the default hotspot for an image?

A) ​coords=“left,top,right,bottom”
B) coords=“0,0,width,height”
C) coords=“x,y,radius”
D) coords=“x1,y1,x2,y2,…”

Answer 14

B) coords=“0,0,width,height”

Question 15

​To change the shadow size, the _____ parameter must be added to the box-shadow property, specifying the size of the shadow relative to the size of the object.

A) spread
B) ​space
C) ​round
D) stretch

Answer 15

A) spread

Question 16

​Filter functions can be combined in a _____ to create new effects.

A) semicolon-separated list
B) comma-separated list
C) space-separated list
D) colon-separated list

Answer 16

C) space-separated list

Question 17

image link: https://imgur.com/a/RYLyGBD

​In the given image, which of the following types of background property does figure 6 denote?

A) repeat-x
B) repeat
C) ​round
D) ​space

Answer 17

D) ​space

Question 18

​To center an element vertically within its parent element, display the parent element as a table cell with a defined height and then set the vertical-align property to _____.

A) ​right
B) top
C) middle
D) ​left

Answer 18

C) middle

Question 19

T/F: Centering an element vertically within its parent element is easily accomplished as the height of the parent element is defined by a value.

Answer 19

F

Question 20

image link: https://imgur.com/a/RYLyGBD

​In the given image, which of the following types of background property does figure 2 denote?

A) repeat-y
B) no-repeat
C) ​repeat
D) ​repeat-x

Answer 20

D) ​repeat-x

Question 21

​Drop caps look better if the first letter’s _____.

A) width is decreased
B) ​line height is decreased
C) ​line height is increased
D) width is increased

Answer 21

B) ​line height is decreased

Question 22

​All block elements, like the body element, have a default width of _____.

A) 0%
B) 150%
C) ​100%
D) 50%

Answer 22

C) ​100%

Question 23

Ken has built a website for his assignment. He has created a blue background image for each link to the chapters that appear on the site. Also, each link appears in green without underlines.
​
​Ken can space the links equally across the browser window, to make the page text easier to read, by changing the _____.

A) height
B) text-align
C) font-size
D) width

Answer 23

D) width

Question 24

_____ positioning is essentially the same as not using any Cascading Style Sheets (CSS) positioning at all.

A) Static
B) Relative
C) Absolute
D) Elastic

Answer 24

A) Static

Question 25

​The _____ size parameter of the radial-gradient function makes a gradient extend to the nearest background corner.

A) ​corner-side
B) ​farthest-corner
C) closest-corner
D) ​side-corner

Answer 25

C) closest-corner