Deprecated: File Theme without header.php is deprecated since version 3.0.0 with no alternative available. Please include a header.php template in your theme. in /home/u834097684/domains/nowthisdigital.com/public_html/wp-includes/functions.php on line 5653
✔️ LinkedIn CSS Assessment Answers 2021 - LinkedInAndroid Assessment Test Answers 2021 Free ✔️ LinkedIn CSS Assessment Answers 2021 - LinkedInAndroid Assessment Test Answers 2021 Free

LinkedIn CSS Assessment Answers

Cascading Style Sheets (CSS) Assessment LinkedIn Questions and Answers

Q1. In the following example, which selector has the highest specificity ranking for selecting the anchor link element?

ul li a

a

.example a

div a

 

 

Q2. Using an attribute selector, how would you select an <a> element with a “title” attribute?

 

 

Q3. CSS grid and flexbox are now becoming a more popular way to create page layouts. However, floats are still commonly used, especially when working with an older code base, or it you need to support older browser version. What are two valid techniques used to clear floats?

 

 

Q4. What element(s) do the following selectors match to?

1) .nav {…} 2) nav {…} 3) #nav {…}

 

 

2. A nav element

3. An element with a class of “nav”

 

 

 

 

          2. A nav element

          3. An element with a id of “nav”

 

 

2. A nav element

3. An div with a id of “nav”

Q5. When adding transparency styles, what is the difference between using the opacity property versus the background property with an rgba() value?

 

 

Q6. What is true of block and inline elements? (Alternative: Which statement about block and inline elements is true?)

 

 

Q7. CSS grid introduced a new length unit, fr, to create flexible grid tracks. Referring to the code sample below, what will the widths of the three columns be?

.grid {

display: grid;

width: 500px;

grid-template-columns: 50px 1fr 2fr;

}

 

 

Q8. What is the line-height property primarily used for?

 

 

Q9. Three of these choices are true about class selectors. Which is NOT true?

 

 

Q10. 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?

 

 

Q11. In the shorthand example below, which individual background properties are represented?

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

 

 

          background-image: url(image.jpg);

          background-repeat: no-repeat;

         background-attachment: scroll;

         background-position: 0px 0px;

 

 

background-img: url(image.jpg);

background-position: no-repeat;

background-scroll: scroll;

background-size: 0px 0px;

 

 

background-src: url(image.jpg);

background-repeat: no-repeat;

background-wrap: scroll;

background-position: 0px 0px;

 

 

background-src: url(image.jpg);

background-repeat: no-repeat;

background-scroll: scroll;

background-position: 0px 0px;

Q12. 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;

}

<ul>

<li><a href=”#” class=”example”>link</a></li>

<li>list item</li>

<li>list item</li>

</ul>

 

 

Q13. 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?

 

 

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

line-height: 20px

line-height: 2

 

 

Q15. In the following example, what color will paragraph one and paragraph two be? (Alternative: In this example, what color will paragraphs one and two be?)

<section>

<p>paragraph one</p>

</section>

<p>paragraph two</p>

section p {

color: red;

}

section + p {

color: blue;

}

 

 

Q16.What are three valid ways of adding CSS to an HTML page?

 

 

2. Inline; CSS is added to the <head> of the HTML page.

3. Internal; CSS is included within the HTML tags.

 

 

2. Inline; CSS is added to the HTML tag.

3. Internal; CSS is included within the <header> element of the HTML file.

 

 

2. Internal; CSS is included within the <header> element of the HTML file.

3. Inline; CSS is added to the HTML tag.

 

 

        2. Inline; CSS is added to the HTML tag.

        3. Internal; CSS is included within the <head> element of the HTML file.

Q17. Which of the following is true of the SVG image format? (Alternative: Which statement about the SVG image format is true?)

 

 

Q18. In the example below, when will the color pink be applied to the anchor element?

a:active {

color: pink;

}

 

 

Q19. To change the color of an SVG using CSS, which property is used?

 

 

Q20. When using position: fixed, what will the element always be positioned relative to?

 

 

Q21. By default, a background image will repeat \_\_\_

 

 

Q22. When using media queries, media types are used to target a device category. Which choice lists current valid media types?

 

 

Q23. How would you make the first letter of every paragraph on the page red?

 

 

Q24. In this example, what is the selector, property, and value?

p {

color: #000000;

}

 

 

“#000000” is the property

“color” is the value

 

 

           “color” is the property

           “#000000” is the value

 

 

“#000000” is the property

“#p” is the value

 

 

“p” is the property

“#000000” is the value

Q25. What is the rem unit based on?

 

 

Q26.Which of these would give a block element rounded corners?

 

 

Q27. In the following media query example, what conditions are being targeted?

@media (min-width: 1024px), screen and (orientation: landscape) { … }

 

 

Q28. CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element’s transformation origin. By default, what is the location of the origin?

 

 

Q29. Which of the following is not a valid color value?

 

 

Q30. What is the vertical gap between the two elements below?

<div style=”margin-bottom: 2rem;”>Div 1</div>

<div style=”margin-top: 2rem;”>Div 2</div>

 

 

Q31. When using the Flexbox method, what property and value is used to display flex items in a column?

 

 

Q32. Which type of declaration will take precedence?

 

 

Q33. The flex-direction property is used to specify the direction that flex items are displayed. What are the values used to specify the direction of the items in the following examples?

 

 

Q34. There are two sibling combinators that can be used to select elements contained within the same parent element; the general sibling combinator (~) and the adjacent sibling combinator (+). Referring to example below, which elements will the styles be applied to?

h2 ~ p {

color: blue;

}

h2 + p {

background: beige;

}

<section>

<p>paragraph 1</p>

<h2>Heading</h2>

<p>paragraph 2</p>

<p>paragraph 3</p>

</section>

 

 

Q35. When using flexbox, the “justify-content” property can be used to distribute the space between the flex items along the main axis. Which value should be used to evenly distribute the flex items within the container shown below?

 

 

Q36. There are many advantages to using icon fonts. What is one of those advantages?

 

 

Q37. What is the difference between display:none and visibility:hidden?

 

 

Q38. What selector and property would you use to scale an element to be 50% smaller on hover?

 

 

Q39. Which statement regarding icon fonts is true?

 

 

Q40. The values for the font-weight property can be keywords or numbers. For each numbered value below, what is the associated keyword?

font-weight: 400; font-weight: 700;

 

 

Q41. If the width of the container is 500 pixels, what would the width of the three columns be in this layout?

.grid { display: grid; grid-template-columns: 50px 1fr 2fr; }

 

 

Q42. Using the :nth-child pseudo class, what would be the most efficient way to style every third item in a list, no matter how many items are present, starting with item 2?

 

 

margin: 0 5 px;

}

 

 

          margin: 0 5 px;

}

 

 

li:nth-child(5),

li:nth-child(8) {

margin: 0 5 px;

}

 

 

margin: 0 5 px;

}

Q43. Which selector would select only internal links within the current page?

 

 

Q44. What is not true about class selectors?

 

 

Q45. What is the difference between the margin and padding properties?

 

 

Q46. What is not a valid way of declaring a padding value of 10 pixels on the top and bottom, and 0 pixels on the left and right?

 

 

Q47. Is there an error in this code? If so, find the best description of the problem

@font-face {

font-family: ‘Avenir’, sans-serif;

src: url(‘avenir.woff2’) format(‘woff2’), url(‘avenir.woff’) format(‘woff’);

}

 

 

Q48. Which style places an element at a fixed location within its container?

 

 

Q49. The calc() CSS function is often used for calculating relative values. In the example below, what is the specified margin-left value?

.example {

margin-left: calc(5% + 5px);

}

 

 

Q50. What is the CSS selector for an <a> tag containing the title attribute?

 

 

Q51. Which code would you use to absolutely position an element of the logo class?

 

 

Q52. In this example, what color will Paragraph 1 be?

p:first-of-type {

color: red;

}

p {

color: blue;

}

.container {

color: yellow;

}

p:first-child {

color: green;

}

<div class=”container”>

<h1>Heading</h1>

<p>Paragraph1</p>

<p>Paragraph2</p>

</div>

 

 

Q53. What is the ::placeholder pseudo-element used for?

 

 

Q54. Which statement is true of the single colon (:) or double colon (::) notations for pseudo-elements-for example, ::before and :before?

 

 

Q55. Which choice is not valid value for the font-style property?

 

 

Q56. When would you use the @font-face method?

 

 

Q57. When elements within a container overlap, the z-index property can be used to indicate how those items are stacked on top of each other. Which set of statements is true?

 

 

          2. Negative and positive number can be used.

          3. z-index can be used only on positioned elements.

 

 

2. Negative and positive numbers can be used.

3. z-index can be used with or without positioned elements.

 

 

2. Negative and positive number can be used.

3. z-index must also be used with positioned elements.

 

 

2. Only positive number can be used.

3. z-index must also be used with positioned elements.

Q58. You have a large image that needs to fit into a 400 x 200 pixel area. What should you resize the image to if your users are using Retina displays?

 

 

Q59. In Chrome’s Developer Tools view, where are the default styles listed?

 

 

Q60. While HTML controls document structure, CSS controls _.

 

 

Q61. What is the recommended name you should give the folder that holds your project’s images?

 

 

Q62. What is an advantage of using inline CSS?

 

 

Q63.Which W3C status code represents a CSS specification that is fully implemented by modern browsers?

 

 

Q64. Are any of the following declarations invalid?

color: red; /* declaration A */

font-size: 1em; /* declaration B */

padding: 10px 0; /* declaration C */

 

 

Q65. Which CSS will cause your links to have a solid blue background that changes to semitransparent on hover?

 

 

         background: #0000ff;

         }

        a:hover {

        background: rgba(0, 0, 255, 0.5);

        }

 

 

color: blue;

}

a:hover {

background: white;

}

 

 

background: blue;

}

a:hover {

color: rgba(0, 0, 255, 0.5);

}

 

 

background: rgba(blue, 50%);

}

a:link {

background: rgba(blue);

}

Q66. Which CSS rule takes precedence over the others listed?

 

 

Q67. The body of your page includes some HTML sections. How will it look with the following CSS applied?

body {

background: #ffffff; /* white */

}

section {

background: #0000ff; /* blue */

height: 200px;

}

 

 

Q68. Which CSS keyword can you use to override standard source order and specificity rules?

 

 

Q69. You can use the _ pseudo-class to set a different color on a link if it was clicked on.

 

 

Q70. Which color will look the brightest on your screen, assuming the background is white?

 

 

Q71. Which CSS selector can you use to select all elements on your page associated with the two classes header and clear?

 

 

Q72. A universal selector is specified using a(n) _.

 

 

Q73. In the following CSS code, ‘h1’ is the _, while ‘color’ is the _.

h1 {

color: red;

}

 

 

Q74. What is an alternate way to define the following CSS rule?

font-weight: bold;

 

 

Q75. You want your styling to be based on a font stack consisting of three fonts. Where should the generic font for your font family be specified?

 

 

Q76. What is one disadvantage of using a web font service?

 

 

Q77. How do you add Google fonts to your project?

 

 

Q78. which choice is not a valid color?

 

 

Q79. Using the following HTML and CSS example, what will equivalent pixel value be for .em and .rem elements?

html {font-size: 10px}

body {font-size: 2rem;}

.rem {font-size: 1.5rem;}

.em {font-size: 2em;}

<body>

<p class=”rem”></p>

<p class=”em”></p>

</body>

 

 

Q80. In this 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;}

<ul>

<li><a href=”#” class=”example”>link</a></li>

<li>list item</li>

<li>list item</li>

</ul>

 

 

Q81. What property is used to adjust the space between text characters?

 

 

Q82. What is the correct syntax for changing the curse from an arrow to a pointing hand when it interacts with a named element?

 

 

Q83. What is the effect of this style?

background-position: 10% 50%;

 

 

People also ask

Related searches

linkedin assessment answers 2021
linkedin css assessment answers 2021
linkedin wordpress assessment answers
linkedin assessment answers 2020
linkedin assessment answers github
javascript assessment linkedin answers
linkedin quiz answers 2021
autocad, linkedin quiz answers

 

 


Deprecated: File Theme without footer.php is deprecated since version 3.0.0 with no alternative available. Please include a footer.php template in your theme. in /home/u834097684/domains/nowthisdigital.com/public_html/wp-includes/functions.php on line 5653