1. Which prefix do you need to get CSS3 properties to work on older Mozilla Firefox browsers?

A

-webkit-

B

-moz-

C

-o-

D

-gecko-

2. What does the a stand for in RGBa?

A

alpha

B

aqua

C

Apple

D

about

3. What are the first three values of text-shadow in order?

A

vertical, blur, horizontal

B

blur, vertical, horizontal

C

vertical, horizontal, blur

D

horizontal, vertical, blur

4. Can you have multiple box-shadows?

A

Yes

B

No

5. How do four values work on border-radius

A

top, bottom, left, right

B

up, down, front, behind

C

top-left, top-right, bottom-right, bottom-left

D

bottom-left, bottom-right, top-right, top-left

6. Has CSS3 been fully supported by all browsers?

A

Yes

B

No

7. How can you created rounded corners using CSS3?

A

border[round]: 30px;

B

corner-effect: round;

C

border-radius: 30px;

D

alpha-effect: round-corner;

8. How do you add shadow to elements in CSS3?

A

box-shadow: 10px 10px 5px grey;

B

shadow-right: 10px shadow-bottom: 10px; shadow-color: grey;

C

shadow-color: grey;

D

alpha-effect[shadow]: 10px 10px 5px grey;

9. How to you modify a border image using CSS3?

A

border: url(image.png);

B

border-variable: image url(image.png);

C

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

10. How to resize a background image using CSS3?

A

background-size: 80px 60px;

B

bg-dimensions: 80px 60px;

C

background-proportion: 80px 60px;

D

alpha-effect: bg-resize 80px 60px;

11. How to add text shadow using CSS3?

A

font: shadowed 5px 5px 5px grey;

B

font-shadow: 5px 5px 5px grey;

C

text-shadow: 5px 5px 5px grey;

D

shadow: text 5px 5px 5px grey;

12. How to force a word wrap using CSS3?

A

word-wrap: break-word;

B

text-wrap: break-word;

C

text-wrap: force;

D

text-width: set;

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

A

font-source: url(\â€™Sansation_Light.eot\â€™) format(\â€opentype\â€);

B

@font-face

C

font-family: @import \â€Sansation_Light.eot\â€;

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

A

matrix()

B

modify()

C

skip()

D

simulate()

15. How to rotate objects using CSS3?

A

object-rotation: 30deg;

B

transform: rotate(30deg);

C

rotate-object: 30deg;

D

transform: rotate-30deg-clockwise;

16. How to re-size/scale objects using CSS3?

A

transform: scale(2,4);

B

scale-object: 2,4;

C

scale: (2,4);

17. How to create transition effects using CSS3?

A

transition: width 2s;

B

transition-duration: 2s; transition-effect: width;

C

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

18. A navigation bar needs standard HTML as a base

A

True

B

False

19. The ____________ property specifies the stack order of an element

A

d-index

B

s-index

C

x-index

D

z-index

20. What is css Float?

A

allows other elements to wrap around an element

B

element can be pushed to the left or right

C

both a and b above

D

element can be pushed to any direction

21. The font-size value can be an absolute, or relative size

A

True

B

False

22. In CSS, it is not possible to specify different padding for different sides

A

True

B

False

23. ____________ property specifies an image to use as the background of an element

A

backg-img

B

backg-image

C

background-img

D

background-image

24. The _____________ selector is used to specify a style for a single, unique element

A

id

B

class

C

text

D

bit

25. Which of the below is the correct way to set a background image?

A

body {background-image:url(paper.gif);}

B

body {background-image:url('paper.gif')};

C

body {background-image:url('paper.gif')}

D

body {background-image:url('paper.gif');}

26. Which of the below is the correct way to set a font size?

A

h2 {font-size:200%;}

B

h2 {font-size:200px;}

C

both a and b above

D

h2 {font-size:200;}

27. What does RGBa mean?

&nbsp;

A

Red Green Blue alpha

B

Red Gray Brown alpha

C

Red Gold Black alpha

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

A

Border

B

Drop Shadow

C

Rounded Corner

D

Background

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

A

The Corner will curve horizontal.

B

The Corner will be square

C

The Corner will curve vertical.

D

The world will end.

30. Look at the code. What piece of code is missing when make a text shadow?

#basicTextShadow p{
  text-shadow: 1px 1px 3px;
  }

A

the color

B

the element

C

the id name

D

the text shadow height

CSS3 Quiz Test

Quiz.

CSS3 Quiz

Login

Forget Password

Get A Free Quote

CSS3 Quiz Test

Quiz.

CSS3 Quiz