DevBridge atrankinė

Vardas, pavardė

Which of the following CSS selectors has the highest specificity?

• #button
• .button
• button
• #menu [id='button']

How would you create a gap between ‘one’ and ‘two’? Mark all correct answers.

• a
• b
• c
• d

What is the total height of the element with class “container”?

• 182px
• 120px
• 162px
• 160px
• 60px

How many elements with class "box" are visible?

• 2
• 3
• 4
• 5

Which CSS style will make text red? Mark all correct answers.

• .text { color: red; }
• .text { Color: red; }
• .text { COLOR: red;}
• .text { color: Red;}
• .TEXT { color: red;}

Which statement(s) is(are) correct? Mark all correct answers.

• inline-level elements can contain other inline-level elements
• inline-level elements can contain block-level elements
• block-level elements can contain other block-level elements
• block-level elements can contain inline-level elements
• none of the above

Which is the correct CSS syntax? Mark all correct answers.

• a
• b
• c
• d

Which CSS declaration(s) would make element invisible but the element would take space in the normal layout flow? Mark all correct answers.

• visibility: hidden
• display: none
• visibility: invisible
• hidden: true

In which scenario(s) is it a good idea to use !important?

• any time you want to increase specificity
• as a bugfix when you cannot find why your style is not applied without !important
• as a last resort
• all of the above