Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Using the Box Model

  • Positioning in CSS is based on the box model
  • The box model is a simple process but must be understood in order to properly plan page layout
  • The box model states that everything in the browser is a box
  • Since it is a box, every box has 4 sides
  • It also has properties such as width, height, margin, padding, & border
  • Each of these boxes we can control
  • When we look at the page design, we need to plan the boxes in order to code for them
  • Each box also has background images, background colors, & other items we can set up for the box to use for positioning & to give it the look we want