CSS for Layouts

Lesson Objectives

By the end of this lesson students should be able to:

  1. Be able to position elements anywhere on the page with CSS
  2. Understand relative, absolute, and fixed positioning
  3. Complete a basic CSS-based Web design from a graphic design reference
  4. Understand the benefits and CSS of implementing an "elastic" layout
  5. Understand absolute, relative, and fixed positioning of elements
  6. Be able to experiment with image opacity for current browsers
  7. Write alternate CSS for screen, print, and handheld media


  1. Work through the online lesson
  2. Take this lesson's quiz
  3. Post your answer and respond to your peers on the discussion forum
  4. Complete the assigned project