Test of CSS knowledge - Part 5

Set of multiple choice questions about CSS programming language, invite readers to test their knowledge on this topic. With 15 questions including many answers, choose the best answer.

  1. Question 1: How to round the edge of the elements?
    1. border [round]: 30px;
    2. corner-effect: round;
    3. border-radius: 30px;
    4. alpha-effect: round-corner;
  2. Question 2: How to add shadows to elements in CSS3?
    1. box-shadow: 10px 10px 5px gray;
    2. shadow-right: 10px shadow-bottom: 10px;
    3. shadow-color: gray;
    4. alpha-effect [shadow]: 10px 10px 5px gray;
  3. Question 3: How to add images that appear on the border for elements in CSS3?
    1. border: url (image.png);
    2. border-variable: image url (image.png);
    3. border-image: url (border.png) 30 30 round;
    4. Do not add images that appear on the border
  4. Question 4: How to resize the background image with CSS3?
    1. background-size: 80px 60px;
    2. bg-dimensions: 80px 60px;
    3. background-proportion: 80px 60px;
    4. D. alpha-effect: bg-resize 80px 60px;
  5. Question 5: How to add shadow to text with CSS3?
    1. font: shadowed 5px 5px 5px gray;
    2. font-shadow: 5px 5px 5px gray;
    3. text-shadow: 5px 5px 5px gray;
    4. shadow: text 5px 5px 5px gray;
  6. Question 6: How to force the text to stream?
    1. word-wrap: break-word;
    2. text-wrap: break-word;
    3. text-wrap: force;
    4. text-width: set;
  7. Question 7: Where is the valid transformation (transform) command in CSS3?
    1. matrix ()
    2. modify ()
    3. skip ()
    4. simulate ()
  8. Question 8: How to rotate elements in CSS3?
    1. object-rotation: 30deg;
    2. transform: rotate (30deg);
    3. rotate-object: 30deg;
    4. transform: rotate-30deg-clockwise;
  9. Question 9: What is the way to convert the size / element ratio with CSS3?
    1. transform: scale (2,4);
    2. scale-object: 2,4;
    3. scale: (2,4);
    4. None
  10. Question 10: How to create transition transitions with CSS3?
    1. transition: width 2s;
    2. transition-duration: 2s; transition-effect: width;
    3. alpha-effect: transition (width, 2s);
    4. None
  11. Question 11: Is the following true or false?
    Box-shadow is supported by all browsers
    1. It's correct
    2. False
  12. Question 12: Which additional prefixes do CSS3 properties work on the old Mozilla Firefox browser?
    1. -webkit-
    2. -moz-
    3. -o-
    4. -gecko-
  13. Question 13: What are the first three values ​​of text-shadow in order?
    1. vertical, blur, horizontal
    2. blur, vertical, horizontal
    3. vertical, horizontal, blur
    4. horizontal, vertical, blur
  14. Question 14: 4 What is the value of border-radius?
    1. top, bottom, left, right
    2. up, down, front, behind
    3. top-left, top-right, bottom-right, bottom-left
    4. bottom-left, bottom-right, top-right, top-left
  15. Question 15: What does RGBa mean?
    1. Red Gold Black alpha
    2. Red Green Blue alpha
    3. Red Gray Brown alpha

You've just finished reading the article "Test of CSS knowledge - Part 5" edited by the TipsMake team. You can save test-of-css-knowledge-part-5.pdf to your computer here to read later or print it out. We hope this article has provided you with many useful tech tips and tricks. You can search for similar articles on tips and guides. Thank you for reading and for following us regularly.

« PREV : Test of CSS...
[QUIZ] Test your... : NEXT »