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.

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

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

2.

 What are floating elements?

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

3.

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

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

4.

 Which of the following statements is not correct?

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

5.

 Which of the following is not correct CSS syntax?

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

6.

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

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

7.

Internal CSS Is:

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

8.

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

selectors
ids
pseudo-classes
attribute selectors

9.

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

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

10.

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

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

11.

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

Yes
Maybe
No
None of the above

12.

What is the difference between margins and padding?

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

13.

Which of the following is not a valid color code?

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

14.

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

Sorta
None of the above
Yes
No

15.

What is the proper format of an CSS comment?

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

16.

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

No
Maybe
Yes
None of the above

17.

What is the proper syntax for changing the cursor style?

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

18.

Which of the following does CSS not do?

design
layout
content
style

19.

 How would you set a background image with CSS?

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