COM271, Week 5

CSS Positioning

Syllabus | Table of Pages | Assignments | References and Useful Links
←Review, Week 4 | Review, Week 6→

Answer these questions by reviewing the notes for week 5. Hand in at beginning of the first class for week 6.

  1. Why is it important to change from colors to black and white in print style sheets?
  2. Why should you replace px with pt or in as units of length on a print style sheet?
  3. Why are serif fonts preferred for print media and sans-serifs for screen media?
  4. What effect will the CSS attribute page-break-after have on screen media?
  5. Why is the use of a positioning table for a very long page going to cause a problem when printing through some browsers?
  6. What might the results be of trying to render a displaced element in print media (e.g., a photograph positioned to the right side of a screen, far to the right of the right boundary of document text? (Give two possible outcomes for the printed version of the page).
  7. What is the positioning context of a div positioned absolutely (e.g., div#nav{position:absolute;}); that is, where is the 0,0 coordinate from which any offsets will be measured?
  8. For a positioned element that is contained within a div that is itself positioned, what is the contained-div's positioning context?
  9. Is it possible for an element to be positioned outside of its positioning context? (Can a div that is structurally (in the html) inside a div be visually (via the css) positioned outside of the div?)
  10. How can a floated element be made to appear outside of its positioning context? That is, if an element is floated to the right, can it escape the right edge of the element that contains it?

These questions are worth one point each. Grades for each question are 0 or 1 (no partial credit). Total points this review: 10. At the end of the course, total points will be added, divided by 100, and that fraction will be applied to 20% of your grade (maximum points from reviews is 20% of grade). See Assignments and Grading.