C777 Unit 2 Cascading
Style Sheets (CSS) Exam
Questions and Complete
Solutions Graded A+
element[attribute$=value] - Answer: Which selector targets every instance of a specified HTML element
whose specified attribute ends with the specified value?
element[attribute*=value] - Answer: Which selector targets every instance of a specified HTML element
whose specified attribute contains the specified substring value?
element[attribute^=value] - Answer: Which selector targets every instance of a specified HTML element
whose specified attribute begins with the specified value?
element:checked - Answer: Which selector targets every checked instance of a specified HTML element?
element:disabled - Answer: Which selector targets every disabled instance of a specified HTML element?
element:enabled - Answer: Which selector targets every enabled instance of a specified HTML element?
element:first-of-type - Answer: Which selector targets every instance of a specified HTML element that
is the first of its parent?
element:last-of-type - Answer: Which selector targets every instance of a specified HTML element that is
the last of its parent?
, element1~element2 - Answer: 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;
- Answer: 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 - Answer: 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 - Answer: 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
Style Sheets (CSS) Exam
Questions and Complete
Solutions Graded A+
element[attribute$=value] - Answer: Which selector targets every instance of a specified HTML element
whose specified attribute ends with the specified value?
element[attribute*=value] - Answer: Which selector targets every instance of a specified HTML element
whose specified attribute contains the specified substring value?
element[attribute^=value] - Answer: Which selector targets every instance of a specified HTML element
whose specified attribute begins with the specified value?
element:checked - Answer: Which selector targets every checked instance of a specified HTML element?
element:disabled - Answer: Which selector targets every disabled instance of a specified HTML element?
element:enabled - Answer: Which selector targets every enabled instance of a specified HTML element?
element:first-of-type - Answer: Which selector targets every instance of a specified HTML element that
is the first of its parent?
element:last-of-type - Answer: Which selector targets every instance of a specified HTML element that is
the last of its parent?
, element1~element2 - Answer: 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;
- Answer: 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 - Answer: 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 - Answer: 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
