Quizes & Games

CSS Quiz

The test contains 20 questions and it's not official, it's just a nice way to see how much you know, or don't know, about CSS.

1.

 How would you set a background image with CSS?

background: #FFF url();
background-image: src();
background-url: ;
background-attachment: url();

2.

 Can CSS classes and ids both be used (referenced) more than once on the same webpage?

Yes
None of the above
No
Sorta

3.

 What are floating elements?

clear: left;
elements that are pushed to the top or the bottom of a page
elements that are pushed to the right or the left of a page
clouds

4.

Can images replace the numbers/bullets in both ordered and unordered lists?

No
None of the above
Yes
Maybe

5.

 What does "margin-left: auto; margin-right: 0px;" do?

vertically aligns an element to the bottom of the page
horizontally aligns an element to the center of the page
vertically aligns an element to the top of the page
horizontally aligns an element to the right of the page

6.

 Which of the following is not correct CSS syntax?

<p style="border: 1px dotted #000000;"> </p>
p { border= 1px dotted #000000; }
p { border: 1px dotted #000000; }
p, h1, h2 { color: green; }

7.

Internal CSS Is:

Added to An HTML Document's Header
Internal ascept of CSS
Maintained In A Separate File
Added Directly to An HTML Tag

8.

 Is it possible to make the first character of an element look different than the other characters?

None of the above
No
Yes
Maybe

9.

 From the inside out, which of the following portrays the correct order of a  box model?

border, margin, content, padding
content, margin, border, padding
content, padding, border, margin
margin, border, padding, content

10.

"a:hover" and "a:active" are both examples of what?

attribute selectors
selectors
pseudo-classes
ids

11.

 Which of the following statements is not correct?

classes and ids are not used in inline CSS
classes are identified with a dot (.)
classes are identified a number sign (#)
ids are identified with a number sign (#)

12.

 What does "text-transform: capitalize;" do?

Does it do this?
Does it do this?
Does it do this?
Does it do this?

13.

 Which of the following examples will set multiple font properties for an entire webpage?

body { font-size: ; }
body { font: ; }
style="font: ;"
p { font-size: ; }

14.

Which of the following is not a valid color code?

808080
grey
#505050
rgb(80, 80, 80)

15.

What is the difference between margins and padding?

padding adds whitespace inside the border and margins add whitespace outside
there is no difference
margins add whitespace inside the border and padding adds whitespace outside
padding adds whitespace and margins increase the border size

16.

Which of the following does CSS not do?

layout
design
content
style

17.

What is the proper syntax for changing the cursor style?

mouse-pointer { type: value; }
mouse-pointer: value;
cursor: value;
cursor { type: value; }

18.

What is the proper format of an CSS comment?

/* */
<! !>
<!-- -->
//

19.

Which of the following examples will position a layered element toward the top of the stack?

top: -100px
top: 100px;
top: 100px;
position: static;