Questions with Answers of Fiverr CSS 3 Skill Test

1. What is the default value of the position property in CSS?
A. relative
B. absolute
C. static
D. fixed

2. Which property is used to change the text color in CSS?
A. font-color
B. color
C. text-color
D. background-color

3. How can you apply a style to only the first letter of a paragraph?
A. p:first
B. p:first-letter
C. p::letter
D. p:first-of-type

4. Which of the following values can the z-index property take?
A. Positive integers only
B. Negative integers only
C. Any integer (positive, negative, or zero)
D. Decimal numbers

5. Which CSS property is used to control the stacking order of elements?
A. stack
B. layer
C. z-index
D. order

6. What is the correct syntax for a media query in CSS?
A. @media screen { ... }
B. @media screen and (max-width: 600px) { ... }
C. @media (max-width: 600px) { ... }
D. All of the above

7. Which property is used to make a flex container's children wrap to the next line?
A. flex-flow
B. flex-wrap
C. align-content
D. justify-content

8. How do you create a grid with 4 equal columns in CSS Grid?
A. grid-template-columns: 25%;
B. grid-template-columns: repeat(4, 1fr);
C. grid-columns: 4;
D. grid-template-columns: auto;

9. Which pseudo-class is used to style an element when the mouse hovers over it?
A. :hover
B. :focus
C. :active
D. :visited

10. What does the opacity property in CSS do?
A. Sets the background color of an element
B. Controls the visibility of an element
C. Sets the transparency level of an element
D. Specifies the z-index of an element

11. Which of the given are the valid values of the ruby-align property

start 2. left 3. line-edge 4. distribute-space

A. All 1,2.3 and 4

B. Only 1, 2 and 3 

C. Only 1, 2 and 4 

D. Only 2.3 and 4

12. Which of the following options are the correct CSS pseudo classes?

A. not(selector)

B. nth-last-of-type(n)

C. target

D. selection

13. Which of the given options is/are equivalent to the following rule? DIV { line-height: 1.2; font-size: 10pt }

A. DIV { line-height: 1.2em; font-size: 10pt }

B. DIV { line-height: 12em; font-size: 10pt }

C. DIV { line-height: 120%; font-size: 10pt }

D. DIV { line-height: 20%; font-size: 10pt }

14. While rendering the following code, what is the role of “src” propery? @font-face { font-family: “calibriforh1”; src: local(“calibri”), url(calibri.woff); } h1 { font-family: “calibriforh1”, arial, sans-serif; }

A. It’s for searching the user’s system for a “calibri” font, and if it does not exist, it will load the font from the server instead.

B. It’s for searching the user’s system for a “calibri” font, and if it does not exist, it will load user’s system’s default font instead.

C. It’s for loading the user’s system’s default font.

D. None of these.

15. Using height on transitions is not possible with:

A. height:auto

B. height:100%

C. height:0

D. max-height:100%

16. Consider the following font definition: font-weight:normal What is the other way of getting the same result?

A. font-weight:250

B. font-weight:800

C. font-weight:400

D. font-weight:100

17. In which position will it be calculated from the upper left corner of the parent layer?

A. position: fixed

B. position: relative

C. position: absolute

18. The color in three digit RGB notation is #fb0. What will be its equivalent six digit color code?

A. None of the above

B. #fbfb00

C. #ffbb00

D. #fb0fb0

19. Which of the following value of the white-space property will set the value of white-space-collapse to “preserve” and value of the text-wrap to “none”?

A. nowrap

B. pre-line

C. normal

D. pre-wrap

E. pre

20. What is the initial value of the marquee-speed property?

A. slow

B. normal

C. fast

D. none

21. Using height on transitions is not possible with:

A. height:auto

B. height:100%

C. height:0

D. max-height:100%

22. You want to float an image to the top of the next-page. Which of the following styles will help you to achieve the desired result?

A. img { float: next-page top; }

B. img { float: next-page; }

C. img { float: top-corner next-page; }

D. Both of the above

23. How to support media queries in IE 8 and older versions?

A. using respond.js

B. using css3

C. using JQuery plug-in

D. IE 8 or older versions are not support media queries anymore

24. What is the proper syntax inline styling a floated element to the left?

A. style=”float:left;”

B. float=”left”;

C. style=”float-left”

D. style=”float=left”

25. Does a class selector and pseudo class selector have the same specificity weight?

A. True

B. False

26. What is the right syntax of media query?

A. media=”(width: 480px)”

B. media=width: 480px

C. media=”(‘width’: ‘480px’)”

D. media=”‘width’: ‘480px’

27. Which CSS position property would you use for effecting within parent’s attributes?

A. Relative

B. Fixed

C. Static

D. None

28. What effect does setting position: static; have on an element with no other style rules applied have?

A. No effect

B. Causes the element to scroll when the window is scrolled.

C. Moves the element to the left side of its parent element.

D. Causes the element not to scroll when the window is scrolled.

29. How can you center a block with a certain width?

A. margin: 0 auto;

B. text-align: center;

C. block-align: center;

D. margin: 0;

30. How do you center content horizontally in a page’s body element?

A. body { width: 90%; margin: 0 auto; }

B. body { left: 50%; }

C. body { align: center; }

31. What is one way to override inline css rules on an html div from within a stylesheet?

A. div[style]{}

B. Place stylesheet after html element in the dom

C. !important

32. div is a block level element?

A. Yes

B. No

33. If i set font-size to 1em, what’s the default size in pixels?

A. 16px

B. 18px

C. 10px

D. 12px

34. Which type of doesn’t use a selector?

A. Inline

B. Internal

C. External

D. all are wrong

35. We write single________ before the pseudo-class property

A.  Hash

B. Dot

C. Colon

D. Semicolon

36. The correct inline CSS to remove underlines from links is <style=”text-decoration: none”>

A. False

B. True

37. For what purpose we use text-indent property?

A. to specify the indentation of the last line of a text

B. to specify the indentation of the first line of a text

C. All answers are correct

D. to specify the indentation of the all line of a text

38. Which statement is used in CSS to remove table borders?

A. tableborder: false;

B. table: remove-border;

C. border-collapse: collapse;

D. border: remove;

39. Hex values are written as three double digit numbers starting with which character?

A. $ sign

B. # sign

C. % sign

D. @ sign

40. Which defines the size of text?

A. fontsize :

B. font-size :

C. fontsiZe :

D. font.size :

41. CSS is a web standard that describes style for?

A. XML/HTML documents

B. Javascipt

42. How to put a background image?

A. fond:;

B.  background-image : ;

C. background-color:;

D. background: ;

43. Which of the following position/number-based pseudo class selectors selects the first element within a parent

A. :only-of-type

B. :first-child

C. :last-of-type

D. :root

44. Which property specifies whether a border should be solid, dashed line, doted line, double line, groove etc.?

A. border-layout

B. border-weight

C. border-decoration

D. border-style

45. What does the greater than sign ( > ) indicate in CSS?

A. Select the child of the element it follows

B. Selects the last element

C. Selects the next element

D. Selects the previous element

46. Which can you use to move one element above another?

A. position

B. margin

C. padding

D. z-index

47. Which property can help you to create a more layered webpage layout?

A. x-index

B. z-index

C. y-index

48. Which of the following options below has the correct CSS syntax?

A. p {color:red; text-align:center;}

B. p {color:red; text-align:center}

C. p {color:red; text-align:center};

D. p (color:red;text-align:center;)

49. backface-visibility:hidden; will this property hide the back side when an element is rotated?

A. Yes

B. No

50. Which of the following CSS functions can be used to insert the value of a custom property?

A. va()

B. var()

C. attr()

51. What will happen if the pause property is used as follows?
h2 { pause: 40s 60s }

A. pause-before will be set to 40 seconds and pause-after will be set to 60 seconds.

B. pause-after will be set to 40 seconds and pause-before will be set to 60 seconds.

C. pause-after and pause-before will be set to 40 seconds.

D. pause-after and pause-before will be set to 60 seconds.

52. In CSS3, which of the following declarations can rotate an element counter-clockwise?

A. object-rotation: -30deg

B. rotate-object: -30deg

C. transform: rotate(-30deg)

D. transform: rotateobject(-30deg)

53. What is the problem in the following style sheet?
@import “style.css”;
 @media print
 {
   @import “print-main.css”;
   BODY { font-size: 10pt }
 }
 h1 {color: red }

A. Two style sheets can’t be included with @import.

B. The body tag can’t be included inside @media.

C. @import rule is invalid since it occurs inside a @media block.

D. It is valid.

54. Which of the following is not a user interface element fragment selector?

A. value

B. choices

C. default

D. repeat-item

E. repeat-index

55. If you are using the white-space-collapse property with value collapse, what will be the output of the following string?

A. John leads his team to the victory,but fail store each the finals.

B. John leads his team to the victory, but fails to reach the finals.

C. John leads his team to the victory, but fails to reach the finals

D. John leads his team to thevictory, but fails to reach thefinals.

56. Which of the given options is/are equivalent to the following rule?

DIV { line-height: 1.2; font-size: 10pt } 

A. DIV { line-height: 1.2em; font-size: 10pt }

B. DIV { line-height: 12em; font-size: 10pt }

C. DIV { line-height: 120%; font-size: 10pt }

D. DIV { line-height: 20%; font-size: 10pt }

E. DIV { line-height: 80%; font-size: 10pt }

57. If you set the value of the speak property to digits, how would 22 be spoken?

A. twenty two

B. two two

C. twenty and two

D. four

58. Consider the following font definition:

font-weight:normal
What is the other way of getting the same result?

A. font-weight:100

B. font-weight:900

C. font-weight:400

D. font-weight:700

59. Which of the following filters does SVG support?

A. SVG supports only CSS filters.

B. SVG supports CSS filters as well as ‘filter’ property of SVG

C. SVG supports only ‘filter’ property of SVG

D. SVG does not supports any filters

60. Which of the following properties allow percentages in their value fields?

A. font-size

B. font-variant

C. font-weight

D. line-height

61. Which of the following is not a valid value for the font-stretch property?

A. condense

B. normal

C. semi-narrower

D. expanded