20 Câu Trắc Nghiệm CSS3 Quiz

Posted by vkdt at Friday, April 03, 2015

•  

  

  
  

  Look at the code. What piece of code is missing when make a text shadow?
  #basicTextShadow p { text-shadow: 1px 1px 3px; }

  Your Answer: the text shadow height
  Correct Answer: the color

• Does the box-shadow support all browsers ?

  Correct Answer: False

• ________ is a property that allows developers to add rounded corners on the design elements.

  Correct Answer: border-radius:

• Box-Shadow is a property that allows developers to apply a...

  Your Answer: background:
  Correct Answer: drop-shadow:

• RGBa is written?

  Your Answer: rgba(blue,0.50);
  Correct Answer: rgba(0,0,255,0.8);

• Text Shadow allows you to add?

  Your Answer: text-font:
  Correct Answer: text-shadow:

• If you put a value of 0 for a Border-Radius what will happen?

  Your Answer: The world will end.
  Correct Answer: The Corner will be square.

• Has CSS3 been fully supported by all browsers?

  Your Answer: No
  Correct Answer: Yes

• How can you created rounded corners using CSS3?

  Your Answer: alpha-effect: round-corner;
  Correct Answer: border-radius: 30px;

• How do you add shadow to elements in CSS3?

  Your Answer: alpha-effect[shadow]: 10px 10px 5px grey;
  Correct Answer: box-shadow: 10px 10px 5px grey;

• How to you modify a border image using CSS3?

  Correct Answer: border-image: url(border.png) 30 30 round;

• How to force a word wrap using CSS3?

  Your Answer: text-width: set;
  Correct Answer: word-wrap: break-word;

• What is the new, easier way to import or modify fonts with CSS3?

  Your Answer: font-family: @import \”Sansation_Light.eot\”;
  Correct Answer: @font-face

• Which of these are valid CSS3 transformation statements (select only one):

  Your Answer: simulate()
  Correct Answer: matrix()

• How to re-size/scale objects using CSS3?

  Your Answer: scale: (2,4);
  Correct Answer: transform: scale(2,4);

• How to create transition effects using CSS3?

  Your Answer: alpha-effect: transition (width,2s);
  Correct Answer: transition: width 2s;

• Can you can specify more than one box shadow to an element?

  Your Answer: No
  Correct Answer: Yes

• box-shadow: 5px 5px 5px #888; What does the third value in the declaration specify?

  Your Answer: Y offset
  Correct Answer: Blur radius

• What does the a in RGBa stand for?

  Your Answer: Alphabetic
  Correct Answer: Alpha

• How to resize a background image using CSS3?

  Your Answer: alpha-effect: bg-resize 80px 60px;
  Correct Answer: background-size: 80px 60px;