MM2213 (Intermediate Web Design) Quiz Week 3

Winter 2011

Name:

1. According to the book CSS Mastery: Advanced Web Standards Solutions, Second Edition
by Andy Budd, what three most important concepts are key to understanding CSS?

1. floating, positioning, and the box model

2.

3.

2. Draw an illustration of the CSS box model?

MM2213 (Intermediate Web Design) Quiz Week 3
Winter 2011

3. What concept does the following diagram illustrate?

Margin collapsing

4. What are the three visual formatting models in CSS:?"

1. normal flow, floats, and absolute positioning

2.

3.

5. What is the difference between relative and absolute positioning?

With relative positioning, the element continues to occupy the original space, whether or not it is
offset. As such, offsetting the element can cause it to overlap other boxes.

Absolute positioning takes the element out of the flow of the document, thus taking up no space.

An absolutely positioned element is positioned in relation to its nearest positioned ancestor. If the
element has no positioned ancestors, it will be positioned in relation to the initial containing block.

If you relatively position an element, it will stay exactly where it is. You can then shift the element relative to
its starting point by setting a vertical or horizontal position.
MM2213 (Intermediate Web Design) Quiz Week 3
Winter 2011

6. Images can be placed anywhere within an HTML document using the <img /> tag.
What is the main reason for using CSS to create background elements such as textboxes,
rounded corners, buttons, and the like?

used the image tag to clutter our pages with purely presentational images.

Search Engine Optimization

7. RGBA is supported in Internet Explorer 9, Chrome 4.X, Firefox 3.X, Opera 10.X,
and, Safari 3.X. (TRUE)
 True
 False

8. What is the best-known way of obtaining PNG transparency support in IE 6?

1. CSS markup
2. Javascript scripts
3. jQuery scripts
4. PHP scripts
5. Avoiding using PNGs at all times

9. Explain the concept of "Image Replacement," why you would want to use it.

you add your text to the document as normal, and then, using
CSS, you hide the text and display a background image in its place. That way, search engines
still have the HTML text to find, and the text will be available if you disable CSS.

Web designers have only a limited selection of fonts to play with.

10. It is acceptable to use new CSS 3 properties like border-radius and box-shadow
instead of using older CSS 1 and CSS 2 methods.(FALSE)
 True
 False