AIM Quiz 3

Name: _________________________________

Tizag: CSS class

tizag.com/cssT/class.php

Tizag: CSS id

tizag.com/cssT/cssid.php

Web Style Guide: Page Width & Line Length

webstyleguide.com/wsg3/7-page-design/6-page-width-line-length.html

W3Schools: CSS Box Model

w3schools.com/css/css_boxmodel.asp

W3Schools: CSS Border

w3schools.com/css/css_border.asp

W3Schools: CSS Background

w3schools.com/css/css_background.asp

Improve the Readability of Your Web Page

webcredible.co.uk/user-friendly-resources/web-usability/web-page-readability.shtml

Understanding Web Design

alistapart.com/articles/understandingwebdesign

Tizag

1. If these are CSS rules in your external CSS document:

p { color:blue; }

p.red { color:red; }

write an HTML tag for <p> that would enable the paragraph text to be red.

2. What is the point of using the id attribute instead of class?

Web Style Guide

3. What is a macula and why does it matter?

4. What sorts of web pages are best kept short?

5. Why is information “above the fold” important?

W3Schools

6. In regard to the box model, what is the difference between margin and padding?

7. Draw the results of the following inline CSS script:

<div style=”border:1px solid black; border-top-style:dashed; padding:10px; padding-bottom:50px;

background-color: #ccc;”>Hi!</div>

(#ccc is the hexadecimal value for light-grey, btw).

8. Write the CSS (for an external stylesheet) that would establish a background-image for a <div> element, but with a red background as a fallback measure.

Improve the Readability of Your Web Page

9. Which of Churchill's guidelines would you be most likely to disagree with, and why?

Understanding Web Design

10. What does Zeldman mean by the term “architecture” in web design?