Cascading Style Sheets (CSS) Assessment Linkedin Answers 2022

Cascading Style Sheets (CSS) Assessment Linkedin Answers 2022. Get your Cascading Style Sheets (CSS) Assessment answers from us.

cascading-style-sheets-css-assessment-linkedin-answers

Cascading Style Sheets (CSS) Assessment is a great tool to assess your knowledge of CSS. By taking this online test, you will be able to assess the skills needed to work with CSS. Once the test is done, you will be able to know how to improve your skills and what areas you need to focus on. This blog provides you with an idea of the top score answers of Cascading Style Sheets (CSS) Assessment on Linkedin.

Cascading Style Sheets (CSS) Assessment Linkedin Answers 2022. We have shared top score answers of Cascading Style Sheets (CSS) Assessment on Linkedin, which is one of the most popular question in career services and posted by professionals.

CSS is a scripting language used to create the overall look of a website without the need for a web designer. With that knowledge, it's not surprising that it has become one of the most used languages in the web development realm. This is because of its versatility, performance, and scalability. If you are looking to increase your technical knowledge of CSS, this blog post is a must-read.

Cascading Style Sheets (CSS) Assessment Linkedin Answers 2022

Q1. In the accompanying model, which selector has the most elevated particularity positioning for choosing the anchor interface component?


'''css

ul li a

a

.model a

div a

'''


  1. .'.model a'

  2. .'div a'

  3. .'a'

  4. .'ul li a'


Q2. Utilizing a quality selector, how might you choose an '<a>' component with a "title" characteristic?


  1. .'a[title]{...}'

  2. .'a > title {...}'

  3. .'a.title {...}'

  4. .'a=title {...}'


Q3. CSS matrix and flexbox are presently turning into a more well known method for making page formats. Notwithstanding, floats are still ordinarily utilized, particularly while working with a more seasoned code base, or on the other hand in the event that you really want to help more established program variant. What are two legitimate methods used to clear floats?


  1. .Utilize the "clearfix hack" on the drifted component and add a float to the parent component.

  2. .Utilize the flood property on the drifted component or the "clearfix hack" on either the drifted or parent component.

  3. .Utilize the "clearfix hack" on the drifted component or the flood property on the parent component.

  4. .Use the "clearfix hack" on the parent component or utilize the flood property with a worth other than "apparent."


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


'''css

1) .nav {

  ...;

}

2) nav {

  ...;

}

3) #nav {

  ...;

}

'''


  •   '''markdown

  1. A component with an ID of "nav"

  2. A nav component

  3. A component with a class of "nav"

  '''


  •   '''markdown

      They all focus on the equivalent nav component.

  '''

  •  '''markdown

  1. A component with a class of "nav"

  2. A nav component

  3. A component with an id of "nav"

  '''


  •   '''markdown

  1. A component with a class of "nav"

  2. A nav component

  3. A div with an id of "nav"

  '''


Q5. While adding straightforwardness styles, what is the contrast between utilizing the obscurity property versus the foundation property with an 'rgba()' esteem?


  1. .Darkness determines the degree of straightforwardness of the kid components. Foundation with an 'rgba()' esteem applies straightforwardness to the foundation tone as it were.

  2. .Obscurity applies straightforwardness to the foundation tone as it were. Foundation with an 'rgba()' esteem determines the degree of straightforwardness of a component, in general, including its substance.

  3. .Opacity indicates the degree of straightforwardness of a component, including its substance. Foundation with an 'rgba()' esteem applies straightforwardness to the foundation tone as it were.

  4. .Murkiness applies straightforwardness to the parent and youngster components. Foundation with an 'rgba()' esteem indicates the degree of straightforwardness of the parent component as it were.


Q6. What is valid for block and inline components? (_Alternative_: Which proclamation about block and inline components is valid?)


  1. .Naturally, block components are similar tallness and width as the substance compartment between their labels; inline components range the whole width of its holder.

  2. .By default, block components range the whole width of its holder; inline components are a similar tallness and width as the substance contained between their labels.

  3. .A '<nav>' component is an illustration of an inline component. '<header>' is an illustration of a square component.

  4. .A '<span>' is an illustration of a square component. '<div>' is an illustration of an inline component.


Q7. CSS lattice presented another length unit, fr, to make adaptable matrix tracks. Alluding to the code test underneath, what will the widths of the three segments be?


'''css

.lattice {

  show: lattice;

  width: 500px;

  framework format sections: 50px 1fr 2fr;

}

'''


  1. .The main segment will have a width of 50px. The subsequent section will be 50px wide and the third segment will be 100px wide.

  2. .The principal section will have a width of 50px. The subsequent segment will be 150px wide and the third section will be 300px wide.

  3. .The main section will have a width of 50px. The subsequent section will be 300px wide and the third segment will be 150px wide.

  4. .The main segment will have a width of 50px. The subsequent section will be 500px wide and the third segment will be 1000px wide.


Q8. What is the line-stature property fundamentally utilized for?


  1. .to control the stature of the space between two lines of content

  2. .to control the tallness of the space between heading components

  3. .to control the stature of the person size

  4. .to control the width of the space between characters


Q9. Three of these decisions are valid about class selectors. Which isn't correct?


  1. .Different classes can be utilized inside a similar component.

  2. .A similar class can be utilized on different occasions per page.

  3. .Class selectors with a main period

  4. .Classes can be utilized on numerous occasions per page yet not inside a similar component.


Q10. There are numerous properties that can be utilized to adjust components and make page designs like float, position, flexbox and network. Of these four properties, which one ought to be utilized to adjust a worldwide route bar which stays fixed at the highest point of the page?


  1. .position

  2. .flexbox

  3. .framework

  4. .float


Q11. In the shorthand model beneath, which individual foundation properties are addressed?


'''css

foundation: blue url(image.jpg) no-rehash scroll 0px 0px;

'''



  •   '''css

  foundation tone: blue;

  foundation picture: url(image.jpg);

  foundation rehash: no-rehash;

  foundation connection: scroll;

  foundation position: 0px 0px;

  '''


  •   '''css

  foundation tone: blue;

  foundation img: url(image.jpg);

  foundation position: no-rehash;

  foundation scroll: scroll;

  foundation size: 0px 0px;

  '''


  •   '''css

  foundation tone: blue;

  foundation src: url(image.jpg);

  foundation rehash: no-rehash;

  foundation wrap: scroll;

  foundation position: 0px 0px;

  '''


  •   '''css

  foundation tone: blue;

  foundation src: url(image.jpg);

  foundation rehash: no-rehash;

  foundation scroll: scroll;

  foundation position: 0px 0px;

  '''


Q12. In the accompanying model, as indicated by falling and particularity rules, what shading will the connection be?


'''css

.model {

  shading: yellow;

}

ul li a {

  shading: blue;

}

ul a {

  shading: green;

}

a {

  shading: red;

}

'''


'''html

<ul>

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

  <li>list item</li>

  <li>list item</li>

</ul>

'''


  1. .green

  2. .yellow

  3. .blue

  4. .red


Q13. Whenever components cross-over, they are requested on the z-hub (i.e., which component covers another). The z-file property can be utilized to determine the z-request of covering components. Which set of articulations about the z-record property are valid?


  1. .Larger z-record values show up on top of components with a lower z-list esteem. Negative and positive numbers can be utilized. z-record must be utilized on situated components.

  2. .More modest z-record values show up on top of components with a bigger z-file esteem. Negative and positive numbers can be utilized. z-list should likewise be utilized with situated components.

  3. .Bigger z-file values show up on top of components with a lower z-file esteem. Just sure numbers can be utilized. z-record should likewise be utilized with situated components.

  4. .More modest z-record values show up on top of components with a bigger z-file esteem. Negative and positive numbers can be utilized. z-record can be utilized regardless of situated components.


Q14. What is the distinction between the accompanying line-stature settings?


'''css

line-stature: 20px;

line-stature: 2;

'''


  1. .The worth of 20px will set the line-stature to 20px. The worth of 2 will set the line-tallness to two times the size of the relating text dimension esteem.

  2. .The worth of 20px will set the line-stature to 20px. The worth of 2 isn't legitimate.

  3. .The worth of 20px will set the line-tallness to 20px. The worth of 2 will default to a worth of 2px.

  4. .The worth of 20px will set the line-tallness to 20px. The worth of 2 will set the line-stature to 20% of the comparing text dimension esteem.


Q15. In the accompanying model, what shading will section one and passage two be? (_Alternative_: In this model, what shading will passages one and two be?)


'''html

<section>

  <p>paragraph one</p>

</section>


<p>paragraph two</p>

'''


'''css

segment p {

  shading: red;

}

segment + p {

  shading: blue;

}

'''


  1. .Passage one will be blue, section two will be red.

  2. .The two passages will be blue.

  3. .Paragraphs one will be red, section two will be blue.

  4. .The two sections will be red.


Q16.What are three legitimate approaches to adding CSS to a HTML page?


.

  '''markdown

  1. Outside; CSS is written in a different record.

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

  3. Interior; CSS is incorporated inside the HTML labels.

  '''

.

  '''markdown

  1. Outside; CSS is written in a different record and is connected inside the <header> component of the HTML document.

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

  3. Interior; CSS is incorporated inside the <header> component of the HTML record.

  '''

.

  '''markdown

  1. Outside; CSS is written in a different record and is connected inside the <head> component of the HTML document.

  2. Interior; CSS is incorporated inside the <header> component of the HTML record.

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

  '''

.

  '''markdown

  1. Outside; CSS is written in a different record and is connected inside the <head> component of the HTML document.

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

  3. Interior; CSS is incorporated inside the <head> component of the HTML record.

  '''


Q18. In the model underneath, when will pink be applied to the anchor component?


'''css

a:active {

  shading: pink;

}

'''


  1. .The shade of the connection will show as pink after its been clicked or on the other hand assuming that the mouse is drifting over the connection.

  2. .The shade of the connection will show as pink on mouse float.

  3. .The shade of the connection will show as pink while the connection is being clicked yet before the mouse click is delivered.

  4. .The shade of the connection will show as pink before it has been clicked.


Q19. To change the shade of a SVG utilizing CSS, which property is utilized?


  1. .Use foundation fill to set the shading inside the item and stroke or boundary to set the shade of the line.

  2. .The tone can't be changed with CSS.

  3. .Use fill or foundation to set the shading inside the item and stroke to set the shade of the boundary.

  4. .Use fill to set the shading inside the article and stroke to set the shade of the line.


Q20. While utilizing position: fixed, what will the component forever be situated comparative with?


  1. .the nearest component with position: relative

  2. .the viewport

  3. .the parent component

  4. .the covering component


Q21. Naturally, a foundation picture will rehash \_


  1. .provided that the foundation rehash property is set to rehash

  2. .endlessly, in an upward direction, and evenly

  3. .endlessly on the even hub as it were

  4. .once, on the x and y pivot


Q22. While utilizing media questions, media types are utilized to focus on a gadget class. Which decision records current substantial media types?


  1. .print, screen, aural

  2. .print, screen, TV

  3. .print, screen, discourse

  4. .print, discourse, gadget


Q23. How might you make the primary letter of each section on the page red?


  1. .p::first-letter { shading: red; }

  2. .p:first-letter { shading: red; }

  3. .first-letter::p { shading: red; }

  4. .first-letter:p { shading: red; }


Q24. In this model, what is the selector, property, and worth?


'''css

p {

  shading: #000000;

}

'''


.

  '''markdown

  "p" is the selector

  "#000000" is the property

  "shading" is the worth

  '''

.

  '''markdown

  "p" is the selector

  "shading" is the property

  "#000000" is the worth

  '''

.

  '''markdown

  "shading" is the selector

  "#000000" is the property

  "#p" is the worth

  '''

.

  '''markdown

  "shading" is the selector

  "p" is the property

  "#000000" is the worth

  '''


Q25. What is the rem unit in light of?


  1. .The rem unit is comparative with the text dimension of the p component.

  2. .You need to set the incentive for the rem unit by composing a statement like rem { text dimension: 1 Spx; }

  3. .The rem unit is comparative with the text dimension of the containing (parent) component.

  4. .The rem unit is comparative with the text dimension of the root component of the page.


Q26.Which of these could give a square component adjusted corners?


  1. .corner-bend: 10px

  2. .line corner: 10px

  3. .line span: 10px

  4. .corner-span: 10px



Q27. In the accompanying media question model, what conditions are being focused on?


'''css

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

'''


  1. .The standard will apply to a gadget that has either a width of 1024px or more extensive, or is a screen gadget in scene mode.

  2. .The standard will apply to a gadget that has a width of 1024px or smaller and is a screen gadget in scene mode.

  3. .The standard will apply to a gadget that has a width of 1024px or more extensive and is a screen gadget in scene mode.

  4. .The standard will apply to a gadget that has a width of 1024px or smaller, or is a screen gadget in scene mode.


Q28. CSS change properties are utilized to change the shape and position of the chose objects. The change beginning property determines the area of the component's change beginning. Naturally, what is the area of the beginning?


  1. .the upper left corner of the component

  2. .the focal point of the component

  3. .the upper right corner of the component

  4. .the base left of the component


Q29. Which of coming up next is certifiably not a legitimate shading esteem? (_Alternative:_ Which decision is certifiably not a legitimate shading esteem?)


  1. .'shading: #000'

  2. .'shading: rgb(0,0,0)'

  3. .'shading: #000000'

  4. .'shading: 000000'


Q30. What is the upward hole between the two components underneath?


'''html

<div style="margin-base: 2rem;">Div 1</div>

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

'''


  1. .2rem

  2. .32px

  3. .64px

  4. .4rem



Q31. While utilizing the Flexbox technique, what property and worth is utilized to show flex things in a section?


  1. .flex-stream: segment; or flex-course: segment

  2. .flex-stream: segment;

  3. .flex-segment: auto;

  4. .flex-heading: section;


Q32. Which kind of assertion will come first?


  1. .any announcements in client specialist templates

  2. .significant assertions in client templates

  3. .ordinary revelations in creator templates

  4. .significant presentations in creator templates


Q33. The flex-heading property is utilized to indicate the bearing that flex things are shown. What are the qualities used to determine the course of the things in the accompanying models?



.

  - Model 1: 'flex-course: column;'

  - Model 2: 'flex-bearing: line turn around;'

  - Model 3: 'flex-bearing: section;'

  - Model 4: 'flex-bearing: section turn around;'

.

  - Model 1: 'flex-bearing: line turn around;'

  - Model 2: 'flex-bearing: line;'

  - Model 3: 'flex-bearing: section turn around;'

  - Model 4: 'flex-bearing: section;'

.

  - Model 1: 'flex-bearing: line;'

  - Model 2: 'flex-bearing: line turn around;'

  - Model 3: 'flex-course: section;'

  - Model 4: 'flex-course: turn around section;'

.

  - Model 1: 'flex-course: section;'

  - Model 2: 'flex-course: section turn around;'

  - Model 3: 'flex-course: line;'

  - Model 4: 'flex-course: line turn around;'


Note: Examples appear to be missing.


Q34. There are two kin combinators that can be utilized to choose components held inside a similar parent component; the overall kin combinator (~) and the neighboring kin combinator (+). Alluding to model beneath, which components will the styles be applied to?


'''css

h2 ~ p {

  shading: blue;

}

h2 + p {

  foundation: beige;

}

'''


'''html

<section>

  <p>paragraph 1</p>

  <h2>Heading</h2>

  <p>paragraph 2</p>

  <p>paragraph 3</p>

</section>

'''


  1. .Sections 2 and 3 will be blue. The h2 and section 2 will have a beige foundation.

  2. .Paragraphs 2, and 3 will be blue, and section 2 will have a beige foundation.

  3. .Section 2 will be blue. Sections 2 and 3 will have a beige foundation.


Q35. While utilizing flexbox, the "legitimize content" property can be utilized to appropriate the space between the flex things along the fundamental pivot. Which worth ought to be utilized to equitably circulate the flex things inside the holder displayed underneath?



  1. .legitimize content: space-around;

  2. .legitimize content: focus;

  3. .legitimize content: auto;

  4. .legitimize content: space-between;



Q36. There are many benefits to utilizing symbol text styles. What is one of those benefits?


  1. .Symbol text styles increment availability.

  2. .Symbol textual styles can be utilized to supplant custom textual styles.

  3. .Icon text styles can be styled with typography related properties, for example, text dimension and shading.

  4. .Symbol text styles are additionally web safe textual styles.


Q37. What is the contrast among 'display:none' and 'visibility:hidden'?


  1. .Both will conceal the component on the page, however display:none has more prominent program support. visibility:hidden is another property and doesn't have the best program support

  2. .display:none conceals the components however keeps up with the space it recently involved. visibility:hidden will conceal the component from view and eliminate it from the typical progression of the archive

  3. .display:none conceals the component from view and eliminates it from the typical progression of the report. visibility:hidden will conceal the component however keeps up with the space it recently involved.

  4. .There is no distinction; both will conceal the component on the page


Q38. What selector and property could you use to scale a component to be half more modest on drift?


  1. .element:hover {scale: 0.5;}

  2. .element:hover {transform: scale(0.5);}

  3. .element:hover {scale: 50%;}

  4. .element:hover {transform: scale(50%);}


Q39. Which explanation with respect to symbol textual styles is valid?


  1. .Symbol textual styles can be embedded just utilizing JavaScript.

  2. .Symbol textual styles are embedded as inline pictures.

  3. .Symbol textual styles require program expansions.

  4. .Icon textual styles can be styled with typography-related properties, for example, text dimension and shading.


Q40. The qualities for the textual style weight property can be watchwords or numbers. For each numbered esteem underneath, what is the related catchphrase?


'''css

textual style weight: 400;

textual style weight: 700;

'''


  1. .strong; typical

  2. .typical; striking

  3. .light; typical

  4. .typical; bolder


Q41. Assuming the width of the compartment is 500 pixels, what might the width of the three segments be in this design?


'.lattice { show: network; framework layout segments: 50px 1fr 2fr; }'


  1. .50px, 150px, 300px

  2. .50px, 200px, 300px

  3. .50px, 100px, 200px

  4. .50px, 50px, 100px


Note: an option for Q7.


Q42. Utilizing the :nth-youngster pseudo class, what might be the most effective method for styling each third thing in a rundown, regardless of what number of things are available, beginning with thing 2?


.

  '''css

  li:nth-child(3 + 2n) {

    edge: 0 5 px;

  }

  '''

.

  '''css

  li:nth-child(3n + 2) {

    edge: 0 5 px;

  }

  '''

.

  '''css

  li:nth-child(2),

  li:nth-child(5),

  li:nth-child(8) {

    edge: 0 5 px;

  }

  '''

.

  '''css

  li:nth-child(2n + 3) {

    edge: 0 5 px;

  }

  '''


Q43. Which selector could choose just inward connections inside the current page?


  1. .'a[href="#"] {...}'

  2. .'a[href~="#"]'

  3. .'a[href^="#"]'

  4. .'a[href="#"]'


Q44. Why is class selectors false?


  1. .Only one class worth can be appointed to a component.

  2. .A component can have numerous class esteem.

  3. .Class selectors are set apart with a main period.

  4. .Beyond what one component can have a similar class esteem.


Q45. What is the contrast between the edge and cushioning properties?


  1. .Edge adds space around and within a component; cushioning adds space just within a component.

  2. .Margin adds space around a component; cushioning adds space within a component.

  3. .Edge adds a line around a component, cushioning adds space within a component.

  4. .Edge adds space within a component, cushioning adds space around a component.


Q46. What is certifiably not a legitimate approach to pronouncing a cushioning worth of 10 pixels on the top and base, and 0 pixels on the left and correct?


  1. .cushioning: 10px 10px 0px 0px;

  2. .cushioning: 10px 0px;

  3. .cushioning: 10px 0;

  4. .cushioning: 10px 0px 10px 0px;


Q47. Is there a mistake in this code? Assuming this is the case, track down the best depiction of the issue


'''css

@text style face {

  text style family: 'Avenir', sans-serif;

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

}

'''


  1. .The text style record designs are not upheld in current programs.

  2. .The src trait requires a comma between the URL and organization values.

  3. .There are no mistakes in the model.

  4. .The sans-serif incorporation is dangerous.


Q48. Which style puts a component at a decent area inside its compartment?


.position: outright;

.show: flex;

.show: block;

.float: left;


Q49. The calc() CSS work is regularly utilized for ascertaining relative qualities. In the model underneath, what is the predetermined edge left esteem?


'''css

.model {

  edge left: calc(5% + 5px);

}

'''


  1. .The left edge esteem is equivalent to 5% of its folks component's width in addition to 5px

  2. .The left edge esteem is equivalent to 5% of the viewport width in addition to 5px

  3. .The left edge esteem is equivalent to 5% of the nearest situated component's width in addition to 5px

  4. .The left edge esteem is equivalent to 5% of the chose component's width (.model) in addition to 5px


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


  1. .'a[title]'

  2. .'a > title'

  3. .'a=title'

  4. .'a.title'


Note: an option for Q2.


Q51. Which code could you use to totally situate a component of the logo class?


  1. .'.logo { position: outright; left: 100px; top: 150px; }'

  2. .'.logo { position: outright; edge left: 100px; edge top: 150px; }'

  3. .'.logo { position: outright; cushioning left: 100px; cushioning top: 150px; }'

  4. .'.logo { position: outright; left-cushioning: 100px; top-cushioning: 150px; }'


Q52. In this model, what shading will Paragraph 1 be?


'''css

p:first-of-type {

  shading: red;

}

p {

  shading: blue;

}

.compartment {

  shading: yellow;

}

p:first-kid {

  shading: green;

}

'''


'''html

<div class="container">

  <h1>Heading</h1>

  <p>Paragraph1</p>

  <p>Paragraph2</p>

</div>

'''


  1. .blue

  2. .green

  3. .red

  4. .yellow


Q53. What is the '::placeholder pseudo-component' utilized for?


  1. .It is utilized to design the presence of placeholder text inside a structure control.

  2. .It indicates the default input text for a structure control.

  3. .It composes text content into a hyperlink tooltip.

  4. .It composes text content into any page component.


Q54. Which articulation is valid for the single colon (':') or twofold colon ('::') documentations for pseudo-components for instance, '::previously' and ':previously'?


  1. .All programs support single and twofold colons for new and more established pseudo-components. So you can utilize either however it is show to involve single colons for consistency.

  2. .In CSS3, the twofold colon documentation ('::') was acquainted with make a consistency between pseudo-components from pseudo-classes. For more current programs, utilize the twofold colon documentation. For IE8 and beneath, utilizing single colon documentation (':').

  3. .Just the new CSS3 pseudo-components require the twofold colon documentation while the CSS2 pseudo-components don't.

  4. .In CSS3, the twofold colon documentation ('::') was acquainted with separate pseudo-components from pseudo-classes. Nonetheless, present day programs support the two configurations. More seasoned programs like IE8 and underneath don't.



Q55. Which decision isn't legitimate incentive for the textual style property?


  1. .ordinary

  2. .italic

  3. .none

  4. .diagonal


Q56. When might you utilize the @font-face technique?


  1. .to set the text dimension of the text

  2. .to stack custom textual styles into template

  3. .to change the name of the textual style proclaimed in the textual style family

  4. .to set the shade of the text


Q57. At the point when components inside a compartment cross-over, the z-record property can be utilized to demonstrate how those things are stacked on top of one another. Which set of explanations is valid?


.

  '''markdown

  1. Bigger z-file values show up on top components with a lower z-list esteem.

  2. Negative and positive number can be utilized.

  3. z-list can be utilized uniquely on situated components.

  '''

.

  '''markdown

  1. More modest z-file values show up on top of components with a bigger z-list esteem.

  2. Negative and positive numbers can be utilized.

  3. z-record can be utilized regardless of situated components.

  '''

.

  '''markdown

  1. More modest z-record values show up on top of components with a bigger z-list esteem.

  2. Negative and positive number can be utilized.

  3. z-record should likewise be utilized with situated components.

  '''

.

  '''markdown

  1. Bigger z-file values show up on top of components with a lower z-list esteem.

  2. Just sure number can be utilized.

  3. z-record should likewise be utilized with situated components.

  '''


Note: an option for Q13.


Q58. You have an enormous picture that requirements to squeeze into a 400 x 200 pixel region. What would it be a good idea for you to resize the picture to assuming your clients are utilizing Retina shows?


  1. .2000 x 1400 pixels

  2. .200 x 100 pixels

  3. .800 x 400 pixels

  4. .400 x 200 pixels


Q59. In Chrome's Developer Tools view, where are the default styles recorded?


  1. .under the User Agent Stylesheet area on the right

  2. .in the third board under the Layout tab

  3. .under the HTML view on the left

  4. .in the center board


Q60. While HTML controls report structure, CSS controls '___'.


  1. .semantic importance

  2. .content importance

  3. .report structure

  4. .content appearance


Q61. What is the suggested name you should give the envelope that holds your venture's pictures?


  1. .pictures

  2. .#pictures

  3. .Pictures

  4. .my pictures


Q62. What is a benefit of utilizing inline CSS?


  1. .It is simpler to make due.

  2. .It is simpler to add various styles through it.

  3. .It tends to be utilized to rapidly test nearby CSS supersedes.

  4. .It diminishes struggle with other CSS definition techniques.


Q63.Which W3C status code addresses a CSS detail that is completely executed by current programs?


  1. .Proposed Recommendation

  2. .Working Draft

  3. .Recommendation

  4. .Applicant Recommendation


Q64. Are any of the accompanying announcements invalid?


'''css

shading: red;/* assertion A */

text dimension: 1em;/* assertion B */

cushioning: 10px 0;/* assertion C */

'''


  1. .Assertion An is invalid.

  2. .Assertion B is invalid.

  3. .Assertion C is invalid.

  4. .All assertions are substantial.


Q65. Which CSS will make your connections have a strong blue foundation that changes to cloudy on drift?


.

  '''css

  a:link {

    foundation: #0000ff;

  }

  a:hover {

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

  }

  '''

.

  '''css

  a {

    shading: blue;

  }

  a:hover {

    foundation: white;

  }

  '''

.

  '''css

  a:link {

    foundation: blue;

  }

  a:hover {

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

  }

  '''

.

  '''css

  a:hover {

    foundation: rgba(blue, half);

  }

  a:link {

    foundation: rgba(blue);

  }

  '''


Q66. Which CSS rule overshadows the others recorded?


  1. .'div.sidebar {}'

  2. .'* {}'

  3. .'div#sidebar2 p {}'

  4. .'.sidebar p {}'


Q67. The body of your page incorporates some HTML segments. How might it look with the accompanying CSS applied?


'''css

body {

  foundation: #ffffff;/* white */

}

area {

  foundation: #0000ff;/* blue */

  tallness: 200px;

}

'''


  1. .blue areas on a white foundation

  2. .Yellow areas on a blue foundation

  3. .Green areas on a white foundation

  4. .blue areas on a red foundation


Q68. Which CSS catchphrase would you be able to use to abrogate standard source request and particularity rules?


  1. .'!lift!'

  2. .'*prime'

  3. .'supersede'

  4. .'!significant'


Q69. You can utilize the '___' pseudo-class to set an alternate tone on a connection assuming it was tapped on.


  1. .'a:visited'

  2. .'a:hover'

  3. .'a:link'

  4. .'a:focus'


Q70. Which shading will look the most splendid on your screen, expecting the foundation is white?


  1. .'foundation tone: #aaa;'

  2. .'foundation tone: #999999;'

  3. .'foundation tone: rgba(170,170,170,0.5);'

  4. .'foundation tone: rgba(170,170,170,0.2);'


Q71. Which CSS selector would you be able to use to choose all components on your page related with the two classes header and clear?


  1. .'."header clear" {}'

  2. .'header#clear {}'

  3. .'.header.clear {}'

  4. .'.header clear {}'


Q72. A widespread selector is determined utilizing a(n) '___'.


  1. ."h1" string

  2. ."a" character

  3. ."p" character

  4. ."\*" character


Q73. In the accompanying CSS code, ''h1'' is the '___', while ''shading'' is the '___'.


'''css

h1 {

  shading: red;

}

'''


  1. .property; presentation

  2. .presentation; rule

  3. ."p" character

  4. .selector; property


Q74. What is a substitute method for characterizing the accompanying CSS rule?


'''css

text style weight: intense;

'''


  1. .text style weight: 400;

  2. .text style weight: medium;

  3. .text style weight: 700;

  4. .text style weight: Black;


Q75. You need your styling to be founded on a text style stack comprising of three text styles. Where should the conventional textual style for your text style family be indicated?


  1. .It should be the first on the rundown.

  2. .Nonexclusive text styles are deterred from this rundown.

  3. .It should be the keep going one on the rundown.

  4. .It should be the second one on the rundown.


Q76. What is one detriment of utilizing a web text style administration?


  1. .It expects you to have text style documents on your own server.

  2. .It utilizes a greater amount of your site's data transmission.

  3. .It offers a tight determination of custom textual styles.

  4. .It isn't generally a free help.


Q77. How would you add Google text styles to your undertaking?


  1. .by utilizing a HTML interface component alluding to a Google-gave CSS

  2. .by implanting the textual style document straightforwardly into the task's lord JavaScript

  3. .by utilizing a Google-explicit CSS sentence structure that straightforwardly connections to the ideal textual style document

  4. .by utilizing a standard text style face CSS definition obtaining a text style document on Google's servers


Q78. Utilizing the accompanying HTML and CSS model, what will comparable pixel esteem be for .em and .rem components?


'''css

html {

  text dimension: 10px;

}

body {

  text dimension: 2rem;

}

.rem {

  text dimension: 1.5rem;

}

.em {

  text dimension: 2em;

}

'''


'''html

<body>

  <p class="rem"></p>

  <p class="em"></p>

</body>

'''


  1. .The .rem will be identical to 25px; the .em worth will be 20px.

  2. .The .rem will be comparable to 15px; the .em worth will be 20px.

  3. .The .rem will be comparable to 15px; the .em worth will be 40px.

  4. .The .rem will be comparable to 20px; the .em worth will be 40px.


Q79. What property is utilized to change the space between message characters?


  1. .'textual style'

  2. .'text-change'

  3. .'textual style variation'

  4. .'letter-dispersing'


Q80. What is the right sentence structure for changing the cursor from a bolt to a pointing hand when it associates with a named component?


  1. .'.component {cursor: pointer;}'

  2. .'.component {cursor: hand;}'

  3. .'.component {cursor: move-hand;}'

  4. .'.component {cursor: pointer-hand;}'


Q81. What is the impact of this style?


'''css

foundation position: 10% half;

'''


  1. .The foundation picture is set 10% from the left and half from the highest point of its holder

  2. .The foundation picture is put 10% from the base and half from the left of its compartment

  3. .The foundation picture is set 10% from the right and half from the lower part of its holder

  4. .The foundation picture is put 10% from the top and half from the left of its compartment


Q82. How might the matrix things show?


'''css

matrix format segments: 2fr 1fr;

'''


  1. .The primary segment is double the stature of the subsequent section and will be just about as wide as the substance

  2. .The main segment is a large portion of the size of the compartment and the subsequent segment will ingest the leftover space

  3. .The main section is two times as wide as the subsequent segment and will fit relatively inside the framework holder

  4. .The principal section is double the width and tallness of the subsequent segment, and will fit relatively inside the framework holder


Q83. Which style rule could make the picture half more modest during a drift?


'''html

<img id="photo" alt="" src="..."/>

'''


  1. .img#photo:hover {scale: 0.5;}

  2. .img#photo:hover {transform: scale(0.5);}

  3. .img#photo {hover-scale: 0.5;}

  4. .img#photo:hover {size: smaller;}


Q84. Which CSS properties would you be able to use to make an adjusted corner on only the upper left and upper right corners of a component?


'''css

A. line sweep: 10px 10px 0 0;

B. line upper left-sweep: 10px; and line upper right-range: 10px;

C. line sweep: 10px 0;

D. line top-sweep: 10px;

'''


  1. .An and C

  2. .C and D

  3. .B and C

  4. .An and B



Q85. Audit the HTML model beneath. Then, at that point, pick the rundown of selectors that select the \<p>, from most reduced to most noteworthy particularity.


'''html

<section>

  <p class="example">...</p>

</section>

'''


.

  '''css

  1. area \* {

    ...;

  }

  2. [class*='example'] {

    ...;

  }

  3. p.example {

    ...;

  }

  4. area p {

    ...;

  }

  '''

.

  '''css

  1. p {

    ...;

  }

  2. p.example {

    ...;

  }

  3. area p {

    ...;

  }

  4. [class*='example'] {

    ...;

  }

  '''

.

  '''css

  1. p.example {

    ...;

  }

  2. area p {

    ...;

  }

  3. [class*='example'] {

    ...;

  }

  4. area \* {

    ...;

  }

  '''

.

  '''css

  1. p {

    ...;

  }

  2. area p {

    ...;

  }

  3. [class*='example'] {

    ...;

  }

  4. p.example {

    ...;

  }

  '''


Q86. Which property is utilized to make a drop shadow impact on a HTML component?


  1. .component shadow

  2. .external shadow

  3. .dropbox-shadow

  4. .box-shadow


Q87. What is the right selector for focusing on all text inputs that are not impaired?


  1. .'input[type="text"]:not([disabled]) {...}'

  2. .'input[type="text"]:not("disabled") {...}'

  3. .'input[type*="text"]:not([disabled="disabled"]) {...}'

  4. .'input[type="text"]:not([type="disabled"]) {...}'


'input[type="text"]' chooses all the contribution with type text, and ':not([disabled])' chooses every one of the components not having the trait "crippled". Consolidating both just chooses every one of the information components with type attribte as "text" and not having "handicapped" property.'



Q88. How might you make a hazy foundation tone?


  1. .foundation tone: hsl(0, 0, 0, 0.5);

  2. .foundation tone: rgbx(0, 0, 0, 0.5);

  3. .foundation tone: rgba(0, 0, 0, 0.5);

  4. .foundation tone: rgba(0, 0, 0, 1);


'rgba' is a funtion in css. rgba represents red, green, blue and alpha. The worth of alpha can be somewhere in the range of 0 and 1 the two comprehensive with 0 being completely straightforward and 1 being completely misty.


Q89. Utilizing this HTML markup, how might you choose just the headings held inside the '<header>' component?


'''html

<header>

  <hl>Heading 1</h1>

  <h2>Heading 2</h2>

</header>

<h2>Heading 2</h2>

'''


  1. .'header h1, header h2 {...}'

  2. .'header h1 + header h2 {...}'

  3. .'header h1, h2 {...}'

  4. .'h1, h2 {...}'


Q90. Assume you need to have a rundown of things (.thing) showed in succession and in turn around request utilizing flexbox. What is the mistake in the CSS underneath?


'''css

.holder {

  show: flex;

}

.thing {

  line: 1px strong red;

  flex-bearing: line switch;

}

'''


  1. .The incentive for flex-bearing should be converse column.

  2. .The .compartment component ought to have a property of flex: show.

  3. .The flex-bearing property should be proclaimed in the holder.

  4. .The presentation worth ought to be flex-inline to show the things in succession.


Q91. Which decision is certifiably not a substantial change?


  1. .'progress: edge 1000ms back in-out;'

  2. .'progress: shading 1.3s ease-in;'

  3. .'progress: position 400ms straight;'

  4. .'change: murkiness 1s ease-in;'


Q92. In this model, what shading will the sections be and why?


'''css

article p {

  shading: blue;

}

article > p {

  shading: green;

}

'''


'''html

<article>

  <p>Paragraph 1</p>


  <aside>

    <p>Paragraph 2</p>

  </aside>

</article>

'''


  1. .Passage 1 will be blue. Passage 2 will be green.

  2. .The two passages will be green.

  3. .Paragraph 1 will be green. Passage 2 will be blue.

  4. .The two passages will be blue.


Q93. Survey the announcement of boundary style displayed underneath. What is the comparing longhand punctuation?


'''css

line: 1px strong red;

'''


.

  '''css

  line size: 1px;

  line style: strong;

  line tone: red;

  '''

.

  '''css

  line size: 1px;

  line type: strong;

  line tone: red;

  '''

.

  '''css

  line width: 1px;

  line style: strong;

  line tone: red;

  '''

.

  '''css

  line width: 1px;

  fringe: strong;

  line tone: red;

  '''


Q94. Pseudo-classes are utilized to '_'.


  1. .style the condition of the chose component

  2. .embed presentational substance

  3. .style a particular piece of the chose component

  4. .style the components utilizing class selectors


Q95. In this model, what styles will be applied to which components?


'''css

segment {

  shading: dark;

}

'''


'''html

<section>

  <p>paragraph</p>

  <a href="#">link</a>

</section>

'''


  1. .The passage and connection will be dark.

  2. .The foundation shade of the part component will be dim.

  3. .The passage will be dim. The connection will be the program default, dark.

  4. .Only the passage will be dim.


Q96. Which answer is an illustration of a kind selector (additionally some of the time alluded to as a component selector)?


.'.header {...}'

.'header {...}'

.'#header {...}'

.'header > h1 {...}'


Q97. What is the right request for posting different connection states in a site so those states show accurately on the page?


.

  '''css

  a

  a:hover

  '''

.

  '''css

  :connect

  :visited

  :float

  :dynamic

  :center

  '''

.

  '''css

  :dynamic

  :center

  :float

  :connect

  :visited

  '''

.

  '''css

  :connect

  :visited

  :center

  :float

  :dynamic

  '''


Q98. Which selector is utilized to choose the passage component that is an immediate descendent of area?


  1. .'area * p'

  2. .'area + p'

  3. .'area ~ p'

  4. .'area > p'



Q99. For this code, what is the textual style shade of the hypertext interface?


'''css

ul {

  --shading: red;

}

p {

  shading: var(- - shading);

}

a {

  shading: var(- - shading, orange);

}

'''


'''html

<p>Paragraph</p>

<ul>

  <li>

    <a href="#">list thing a connection </a>

  </li>

  <li>list item</li>

</ul>

'''


  1. .red

  2. .orange

  3. .blue

  4. .dark



Q100. Which proclamation isn't accurate?


  1. .Particularity figures out which CSS rule is applied by the programs.

  2. .When two selectors apply to a similar component, the one with lower particularity wins.

  3. .The last rule characterized abrogates every past rule and, surprisingly, clashing guidelines.

  4. .Rules with more explicit selectors have more noteworthy particularity.



Q101. What is the result of the edge esteem when utilized inside this unique circumstance, expecting that its containing component is bigger than 800px?


'''css

.model {

  width: 800px;

  edge: 0 auto;

}

'''


.The model component will have 0 edge space around the entire component. The auto worth will community adjust the component evenly and in an upward direction inside its compartment.


.The model component will have 0 edge space on the left and right. It will be estimated consequently on the top and base, which will focus adjust the component inside its holder.


.The model component will have 0 edge space on the top and base. The edge will be estimated naturally on the left and right, which might focus adjust the component inside its compartment.


.The edge esteem is invalid on the grounds that its feeling the loss of a unit estimation after the 0.


[Source: SOW](https://stackoverflow.com/questions/3170772/what-does-auto-do-in-edge 0-auto)


Q102. There are presently four viewport-rate lengths that can be utilized to characterize the worth comparative with the viewport size: vw, vh, vmin, and vmax. In the event that the current viewport size has a width of 800px and a stature of 600px, what will these qualities be identical to in pixels?


'''css

10vw = ?px

10vh = ?px

10vmin = ?px

10vmax = ?px

'''


.10vw = 80px

      10vh = 60px

      10vmin = 60px

      10vmax = 80px


.10vw = 60px

      10vh = 80px

      10vmin = 80px

      10vmax = 60px


.10vw = 8px

      10vh = 6px

      10vmin = 6px

      10vmax = 8px


.10vw = 6px

      10vh = 8px

      10vmin = 8px

      10vmax = 6px


Q103. Which element(s) will be blue?


'''css

h2 ~ p {

  shading: blue;

}

'''


'''html

<section>

  <p>P1</p>

  <h2>H2</h2>

  <p>P3</p>

  <p>P4</p>

</section>

'''


.P3P3

.P1P1

.P1, P3, and P4P1, P3, and P4

.P3 and P4


Q104. Alluding to the HTML markup and CSS model underneath, which element(s) will be designated?


'''css

p:first-of-type:first-letter {

  shading: red;

}

'''


'''html

<body>

  <p>Paragraph 1.</p>

  <p>Paragraph 2.</p>


  <article>

    <h1>Heading</h1>

    <p>Paragraph 3.</p>

    <p>paragraph 4.</p>

  </article>


  <section>

    <p>Paragraph 5.</p>

    <p>Paragraph 6.</p>

  </section>

</body>

'''


  1. .The first letter in quite a while will be red.

  2. .Just the first letter in quite a while 1 and 5 will be red.

  3. .The first letter in quite a while 1, 3, and 5 will be red.

  4. .Just the principal letter in passage 1 will be red.Only


Q105. Which five style highlights are related with the container model?


  1. .edge, cushioning, line, width, stature

  2. .width, stature, z-list, flood, text dimension

  3. .edge, cushioning, text dimension, line stature, line

  4. .text dimension, line stature, letter dividing, width, tallness


Q106. Which decision won't set all interfaces that incorporate domain.com to pink?


'''css

[] a[href$='domain.com'] {

  shading: pink;

}


[x] a[href='*domain.com'] {

  shading: pink;

}


[] a[href*='domain.com'] {

  shading: rgb(255, 155, 155);

}


[] a[href*='domain.com'] {

  shading: pink;

}

'''


[Reference](https://www.smashingmagazine.com/2007/07/css-particularity things-you-should-know/)


Q107. Which property and worth pair could be utilized to apply a straight inclination impact?


'''css

  1. 'foundation: straight gradient(#648880, #293f50);'

  2. 'foundation picture: linear(#648880, #293f50);'

  3. 'foundation: gradient(linear, #648880, #293f50);'

  4. 'foundation tone: straight gradient(#648880, #293f50);'

'''


Q108. You need to add a foundation circle behind a symbol. Which style revelation is right?


'''css

[] .glyphicon-bgcircle {

  circle-sweep: half;

  edges: 50px;

  foundation tone: #fdadc6;

  shading: rgba(255, 255, 255, 1);

  text dimension: 24px;

}


[] glyphicon-bgcircle {

  line circle: half;

  cushioning: 50px;

  foundation tone: #fdadc6;

  shading: rgba(255, 255, 255, 1);

  text dimension: 24px;

}


[x] .glyphicon-bgcircle {

  line range: half;

  cushioning: 50px;

  foundation tone: #fdadc6;

  shading: rgba(255, 255, 255, 1);

  text dimension: 24px;

}


[] .glyphicon-bgcircle {

  sweep adjusted: half;

  edges: auto;

  foundation tone: #fdadc6;

  shading: rgba(255, 255, 255, 1);

  text dimension: 24px;

}

'''


Q109. While utilizing a textual style stack to pronounce the textual style family, in what the future held show up?


  1. .The primary worth is the best option, trailed by elective choices, requested by inclination. The last choice should be a nonexclusive text style.

  2. .The main worth is the best option. The request for the elective choices doesn't make any difference. It relies upon what is accessible on the client's PC.

  3. .The main worth is the best option, and should be trailed by no less than one elective choice prior to adding the conventional text style.

  4. .The primary worth is the best option, trailed by a limit of three other options.


Q110. Which things are substantial qualities for the text dimension property?


'''css

A. text dimension: xsmall

B. text dimension: half

C. text dimension: 1em

D. text dimension: 20px

'''


  1. .C, D

  2. .B, C, D

  3. .A, C

  4. .A, B, C, D


Q111. In this picture, the blue box and test text are both held inside a similar parent component. The blue box is drifted on the left edge of the holder. For what reason is it not contained with the compartment?


![Test text](https://raw.githubusercontent.com/slam sah/LinkedIn-Assessments/ace/CSS/pictures/rm-3.png)


  1. .Drifting the blue box expanded its tallness.

  2. .Drifting the blue box on the left additionally drops it down.

  3. .Drifting the blue box really moves it to one side and down.

  4. .Floating the blue box removed it from record stream and the holder is estimated uniquely to the example text.


Q112. Considering this code, which CSS assertion of .overlay will traverse the whole width and tallness of its holder? Considering this code, which CSS affirmation of .overlay will traverse the whole width and stature of its compartment?


'''css

<style>

.compartment {

  position: relative;

  tallness: 200px;

  width: 200px;

  line: 1px strong dark;

}


</style>

  <div class="container"><div class="overlay"></div></div><style>


 .compartment {

   position: relative;

   tallness: 200px;

   width: 200px;

   line: 1px strong dark;

 }


</style>

'''


.


'''css

.overlay {

  position: static;

  top: 200px;

  base: 200px;

  right: 200px;

  left: 200px;

  foundation tone: rgba(0, 0, 0, 0.5);

}

'''


.


'''css

.overlay {

  position: outright;

  top: 200px;

  base: 200px;

  right: 200px;

  left: 200px;

  foundation tone: rgba(0, 0, 0, 0.5);

}

'''


.


'''css

.overlay {

  position: static;

  top: 0;

  base: 0;

  right: 0;

  left: 0;

  foundation tone: rgba(0, 0, 0, 0.5);

}

'''


.


'''css

.overlay {

  position: outright;

  top: 0;

  base: 0;

  right: 0;

  left: 0;

  foundation tone: rgba(0, 0, 0, 0.5);

}

'''


Q113. Which missing line of code could put the text on top of the picture? Which missing line of code could put the text on top of the picture?


'''js

<div class="container">

  <img src="grumpy-cat.gif"/>

  <p>The z-record property is cool!</p>

</div>

'''


'''css

img {

  position: outright;

  left: 0px;

  top: 0px;

  // Missing line

}

'''


'''js

<div class="container">

  <img src="grumpy-cat.gif"/>

  <p>The z-record property is cool!</p>

</div>

'''


'''css

img {

  position: outright;

  left: 0px;

  top: 0px;

  // Missing line

}

'''


.'z-record: 1;z-file: 1;'

.'z-record: - 1;z-file: - 1;'

.'z-record: 0;z-file: 0;'

.'z-record: true;z-file: valid;'


Q114. To make the text dimension of a component one size more modest than the text dimension of the component's compartment, which style property could you apply?


  1. .'text dimension: diminish;'

  2. .'text dimension: 8px;'

  3. .'text dimension: - 1em;'

  4. .'text dimension: more modest;'


Q115. Considering this markup, which selector could bring about the text being featured in yellow?


'''js

<range class="highlight">#BLM</span>

'''


.


'''css

.feature {

  foundation tone: yellow;

}

'''


.


'''css

#feature {

  foundation tone: yellow;

}

'''


.


'''css

.feature {

  shading: yellow;

}

'''


.


'''css

#feature {

  shading: yellow;

}

'''


Q116. To forestall a foundation picture from tiling toward any path, which style property could you apply?


.


'''css

foundation rehash: no-rehash;

'''


.


'''css

foundation rehash: fixed;

'''


.


'''css

foundation rehash: none;

'''


.


'''css

foundation tile: none;

'''


Q117. To turn an article 30 degrees counterclockwise, which style property could you apply?


  1. .'change: pivot(- 30deg);'

  2. .'change: rotate(30deg);'

  3. .'turn: 30deg;'

  4. .'turn: 30deg;'


Q118. Which style rule could you apply to set the foundation picture to show the substance of the wood.png record?


  1. .'foundation picture: file(wood.png);'

  2. .'foundation picture: url(wood.png);'

  3. .'foundation picture: wood.png;'

  4. .'picture: wood.png'


Q119. What style rule could set the text style shade of just passage two to blue?


'''js

<section><p>paragraph one</p></section><p>paragraph two</p>

'''


.


'''css

area > p {

  shading: blue;

}

'''


.


'''css

p {

  shading: blue;

}

'''


.


'''css

segment + p {

  shading: blue;

}

'''


.


'''css

p + segment {

  shading: blue;

}

'''


Q120. You need to move a component up 100px. Which CSS property could you utilize?


  1. .'change: translateX(- 100px)'

  2. .'change: translateY(- 100px)'

  3. .'change: translateY(100px)'

  4. .'change: translateX(100px)'


Q121. Which style will evenly focus the inward &lt;div&gt; inside the external &lt;div&gt;?


'''js

<div id="outer">

  <div id="inner">Center Me!</div>

</div>

'''



'''css

#inward {

  width: half;

}


#external {

  width: 100 percent;

}

'''



'''css

#inward {

  left: 0;

  right: 0;

  position: focus;

}

'''



'''css

#inward {

  text-adjust: focus;

}

'''


.


'''css

#inward {

  width: half;

  edge: 0 auto;

}

'''


Q122. Which corner will the little dog be in when these CSS rules are applied?


'''css

.pen {

  tallness: 100px;

  width: 100px;

  line: 2px ran brown;

  position: relative;

}


#doggy {

  position: outright;

  right: 80px;

  base: 0px;

}

'''


'''html

<div class="pen">

  <length id="puppy">🐶</span>

</div>

'''


  1. .upper right corner

  2. .base right corner

  3. .upper left corner

  4. .base left corner


Q123. 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>


  1. blue

  2. red

  3. yellow

  4. Green


Q124. To prevent a background image from tiling in any direction, which style property would you apply?


  1. background-tile: none;

  2. background-repeat: fixed;

  3. background-repeat: none;

  4. background-repeat: no-repeat;


Q125. Which style will horizontally center the inner <div> within the outer <div>?


<div id="outer">

<div id="inner">Center Me!</div> </div>


  1. #inner {text-align: center;

  2. #inner {width: 50%;#outer {width: 100%;

  3. #inner{left: 0; right: 0; position: center;

  4. #inner { width: 50%; margin: 0 auto;


Q126. Which choice would give a block element rounded corners?


  1. corner-curve: 10px;

  2. corner-radius: 10px;

  3. border-corner: 10px;

  4. border-radius: 10px;



We hope you enjoyed our blog that featured top score answers of Cascading Style Sheets (CSS) Assessment on Linkedin. This is a great place to start if you are looking to get an answer to your question and are unsure where to find it. We have shared some of the top ranked questions so you can see one potential answer you might find helpful. If you have any other questions, please contact us. Thank you for reading, we would love to hear from you!

Related searches:
  • linkedin css assessment answers 2022
  • which choice does not provide information on browser support for a particular css property
  • css assessment linkedin answers 2021
  • linkedin css assessment answers github
  • linkedin html assessment answers
  • suppose you want to have a list of items displayed in a row and in reverse order using flexbox
  • javascript linkedin assessment
  • in this example what color will paragraph 1 be