LinkedIn CSS-Cascading Style Sheets

linkedin CSS assessment answers

There are many properties that can be used to align elements and create page layouts such as float, position, flexbox and grid. Of these four properties, which one should be used to align a global navigation bar which stays fixed at the top of the page?

• grid
• flexbox
• float
• position

linkedin CSS quiz answers

In the shorthand example below, which indivfidual background properties are represented?

background: blue url(image.jpg) no-repeat scroll 0px 0px;

background-color: blue;

background-image: url(image.jpg);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0px 0px;

background-color: blue;

background-image: url(image.jpg);

background-repeat: no-repeat;

background-scroll: scroll;

background-position: 0px 0px;

background-color: blue;

background-img: url(image.jpg);

background-position: no-repeat;

background-scroll: scroll;

background-size: 0px 0px;

background-color: blue;

background-src: url(image.jpg);

background-repeat: no-repeat;

background-wrap: scroll;

background-position: 0px 0px;

Cascading Style Sheets (CSS) assessment linkedin answers

In the following example, according to cascading and specificity rules, what color will the link be?

.example {color: yellow;}

ul li a {color: blue;}

ul a {color: green;}

a {color: red;}

• link
• list item
• list item

• yellow
• blue
• red
• green

CSS linkedin quiz answers

When elements overlap, they are ordered on the z-axis (i.e., which element covers another). The z-index property can be used to specify the z-order of overlapping elements. Which set of statements about the z-index property are true?

• Larger z-index values appear on top of elements with a lower z-index value. Only positive numbers can be used. z-index must also be used with positioned elements.
• Smaller z-index values appear on top of elements with a larger z-index value. Negative and positive numbers can be used. z-index must also be used with positioned elements.
• Smaller z-index values appear on top of elements with a larger z-index value. Negative and positive numbers can be used. z-index can be used with or without positioned elements.
• Larger z-index values appear on top of elements with a lower z-index value. Negative and positive numbers can be used. z-index can only be used on positioned elements.

CSS linkedin assessment

What is the difference between the following line-height settings?

line-height: 20px

line-height: 2

• The value of 20px will set the line-height to 20px. The value of 2 will set the line-height to 20% of the corresponding font-size value.
• The value of 20px will set the line-height to 20px. The value of 2 will set the line-height to twice the size of the corresponding font-size value.
• The value of 20px will set the line-height to 20px. The value of 2 is not valid.
• The value of 20px will set the line-height to 20px. The value of 2 will default to a value of 2px.

CSS linkedin learning