WGU C777 UNIT 2: CASCADING STYLE SHEETS
(CSS) UPDATED 2024 QUESTIONS AND ANSWERS
SOLVED CORRECTLY 100%
element[attribute$=value]
Which selector targets every instance of a specified HTML element whose specified
attribute ends with the specified value?
element[attribute*=value]
Which selector targets every instance of a specified HTML element whose specified
attribute contains the specified substring value?
element[attribute^=value]
Which selector targets every instance of a specified HTML element whose specified
attribute begins with the specified value?
element:checked
Which selector targets every checked instance of a specified HTML element?
element:disabled
Which selector targets every disabled instance of a specified HTML element?
element:enabled
Which selector targets every enabled instance of a specified HTML element?
element:first-of-type
Which selector targets every instance of a specified HTML element that is the first of
its parent?
element:last-of-type
Which selector targets every instance of a specified HTML element that is the last of
its parent?
element1~element2
Which selector targets every instance of element2 that is preceded by an instance of
element1?
background
Properties are in this order:
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip
bg-attachment initial|inherit;
Which property allows you to set different background properties in one declaration?
background-clip
Key values for this property:
border-box - extends behind the border
padding-box - extends to the inside edge of the border
content-box - extends to the edge of the content box
Which property specifies whether the background extends into the border or not?
background-origin
Key values for this property:
padding-box - from the upper left corner of the padding edge
, border-box - from the upper left corner of the border
content-box - from the upper left corner of the content
Which property positions the background-image relative to an element's border,
padding or content?
background-size
Key values for this property:
length - specifies width and height in fixed units
percentage - specifies width and height in in relation to the parent element
cover - cover the entire container, even if it has to stretch the image or cut a
little bit off one of the edges
contain - resize the background image to make sure the image is fully visible
Which property defines the size of background images?
border-image
Which property creates a border that uses an image instead of a line?
border-radius
Which property defines the shape or curve of a border around an HTML element?
box-shadow
Which property applies shadows to edges of HTML elements to create visual depth?
h-shadow and v-shadow
Which two values are required to create a box-shadow?
opacity
Which property specifies transparency for an HTML element?
resize
Which property defines whether an HTML element can be resized by the user and
how it can be resized?
text-overflow
Which property cuts off, or clips, text that extends beyond its container?
text-shadow
Which property applies shadows to edges of text characters to create visual depth?
@font-face
Which rule allows developers to specify custom fonts?
font-family — specifies the font name
src — identifies the font file's location by URL
Which two properties are required to specify a custom font?
font-stretch
Which property specifies how the font should be stretched or spaced?
font-style
Which property specifies how the font should be styled vertical or slanted?
font-weight
Which property specifies the weight or thickness of each character in the font?
unicode-range
Which property specifies the range of UNICODE characters that should be
downloaded for the font, based on availability?
hanging-punctuation
Which property specifies whether (and how) punctuation characters can appear
outside the line box at the beginning or end of a full line of text?
punctuation-trim
Which property specifies whether (and how) punctuation characters can be trimmed
or sized when they appear at the beginning or end of a line?
(CSS) UPDATED 2024 QUESTIONS AND ANSWERS
SOLVED CORRECTLY 100%
element[attribute$=value]
Which selector targets every instance of a specified HTML element whose specified
attribute ends with the specified value?
element[attribute*=value]
Which selector targets every instance of a specified HTML element whose specified
attribute contains the specified substring value?
element[attribute^=value]
Which selector targets every instance of a specified HTML element whose specified
attribute begins with the specified value?
element:checked
Which selector targets every checked instance of a specified HTML element?
element:disabled
Which selector targets every disabled instance of a specified HTML element?
element:enabled
Which selector targets every enabled instance of a specified HTML element?
element:first-of-type
Which selector targets every instance of a specified HTML element that is the first of
its parent?
element:last-of-type
Which selector targets every instance of a specified HTML element that is the last of
its parent?
element1~element2
Which selector targets every instance of element2 that is preceded by an instance of
element1?
background
Properties are in this order:
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip
bg-attachment initial|inherit;
Which property allows you to set different background properties in one declaration?
background-clip
Key values for this property:
border-box - extends behind the border
padding-box - extends to the inside edge of the border
content-box - extends to the edge of the content box
Which property specifies whether the background extends into the border or not?
background-origin
Key values for this property:
padding-box - from the upper left corner of the padding edge
, border-box - from the upper left corner of the border
content-box - from the upper left corner of the content
Which property positions the background-image relative to an element's border,
padding or content?
background-size
Key values for this property:
length - specifies width and height in fixed units
percentage - specifies width and height in in relation to the parent element
cover - cover the entire container, even if it has to stretch the image or cut a
little bit off one of the edges
contain - resize the background image to make sure the image is fully visible
Which property defines the size of background images?
border-image
Which property creates a border that uses an image instead of a line?
border-radius
Which property defines the shape or curve of a border around an HTML element?
box-shadow
Which property applies shadows to edges of HTML elements to create visual depth?
h-shadow and v-shadow
Which two values are required to create a box-shadow?
opacity
Which property specifies transparency for an HTML element?
resize
Which property defines whether an HTML element can be resized by the user and
how it can be resized?
text-overflow
Which property cuts off, or clips, text that extends beyond its container?
text-shadow
Which property applies shadows to edges of text characters to create visual depth?
@font-face
Which rule allows developers to specify custom fonts?
font-family — specifies the font name
src — identifies the font file's location by URL
Which two properties are required to specify a custom font?
font-stretch
Which property specifies how the font should be stretched or spaced?
font-style
Which property specifies how the font should be styled vertical or slanted?
font-weight
Which property specifies the weight or thickness of each character in the font?
unicode-range
Which property specifies the range of UNICODE characters that should be
downloaded for the font, based on availability?
hanging-punctuation
Which property specifies whether (and how) punctuation characters can appear
outside the line box at the beginning or end of a full line of text?
punctuation-trim
Which property specifies whether (and how) punctuation characters can be trimmed
or sized when they appear at the beginning or end of a line?
