CSS3 Questions & Answers

1.Has CSS3 been fully supported by all browsers?
Yes
No

2.How can you created rounded corners using CSS3?

border[round]: 30px;
corner-effect: round;
border-radius: 30px;
alpha-effect: round-corner;

3.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;

4.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;

5.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;

6.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;

7.How to force a word wrap using CSS3?

word-wrap: break-word;
text-wrap: break-word;
text-wrap: force;
text-width: set;

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

font-source: url(\’Sansation_Light.eot\’) format(\”opentype\”);
@font-face
font-family: @import \”Sansation_Light.eot\”;


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

matrix()
modify()
skip()
simulate()

10.How to rotate objects using CSS3?

object-rotation: 30deg;
transform: rotate(30deg);
rotate-object: 30deg;
transform: rotate-30deg-clockwise;

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

transform: scale(2,4);
scale-object: 2,4;
scale: (2,4);

12.How to create transition effects using CSS3?

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

13.What are the three methods for using style sheets with a web page?

Dreamweaver, GoLive or FrontPage
Inline, embedded or document level and external
Handcoded, Generated or WYSIWYG


14.Which HTML attribute is used to define inline styles?
styles
class
font
style

15.How do you make a list that lists its items with squares?
type: square
list-style-type: square
list-type: square
style-list: square