50+ CSS & CSS3 Practices Quizzes & Mocks

Q.1 How can you created rounded corners using CSS3?

border[round]: 30px;

corner-effect: round;

border-radius: 30px;

alpha-effect: round-corner;

Q.2 How do you add shadow to elements in CSS3?

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

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

shadow-color: grey;

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

Q.3 How to you modify a border image using CSS3?

border: url(image.png);

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

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

None

Q.4 How to resize a background image using CSS3?

background-size: 80px 60px;

bg-dimensions: 80px 60px;

background-proportion: 80px 60px;

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

Q.5 How to add text shadow using CSS3?

font: shadowed 5px 5px 5px grey;

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

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

shadow: text 5px 5px 5px grey;

Q.6 How to force a word wrap using CSS3?

word-wrap: break-word;

text-wrap: break-word;

text-wrap: force;

text-width: set;

Q.7 Which of these are valid CSS3 transformation statements.

matrix()

modify()

skip()

simulate()

Q.8 How to rotate objects using CSS3?

object-rotation: 30deg;

transform: rotate(30deg);

rotate-object: 30deg;

transform: rotate-30deg-clockwise;

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

transform: scale(2,4);

scale-object: 2,4;

scale: (2,4);

None

Q.10 How to create transition effects using CSS3?

transition: width 2s;

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

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

None

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

the color

the element

the id name

the text shadow height

Q.12 Does the box-shadow support all browsers ?

Yes

No

Q.13 True or False. In vertical offsets for box shadows, the (-1) means that the box-shadow will be below the box?

True

False

Q.14 What does RGBa mean?

Review Get assistance Back-up your information acquire proof

Red Green Blue alpha

Red Gray Brown alpha

Red Gold Black alpha

Q.15 __________ is a property that allows developers to add rounded corners on the design elements.

Corner

Box Shadow

Round Corner

Border-Radius

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

Border

Drop Shadow

Rounded Corner

Background

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

The Corner will curve horizontal

The Corner will be square

The Corner will curve vertical

The world will end

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

-webkit-

-moz-

-o-

-gecko-

Q.19 What does the a stand for in RGBa?

alpha

aqua

Apple

about

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

vertical, blur, horizontal

blur, vertical, horizontal

vertical, horizontal, blur

horizontal, vertical, blur

Q.21 Can you have multiple box-shadows?

Yes

No

Q.22 How do four values work on border-radius

top, bottom, left, right

up, down, front, behind

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

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

Q.23 How can you created rounded corners using CSS3?

border[round]: 30px;

corner-effect: round;

border-radius: 30px;

alpha-effect: round-corner;

Q.24 Has CSS3 been fully supported by all browsers?

Yes

Nio

Q.25 How to add text shadow using CSS3?

font: shadowed 5px 5px 5px grey;

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

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

shadow: text 5px 5px 5px grey;