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 Educator.com

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!

Defining CSS

  • CSS stands for Cascading Style Sheets and is we position and style elements in the browser
  • Each browser has its own built in CSS "reader" to interpret the style rules
  • If you have ever used style sheets in InDesign, these are similar
  • Problem is that browsers can read & apply these style rules differently unlike software programs
  • 2 things that CSS does
    • add styles in the form of fonts, colors, sizing, etc
    • positions content in the browser
  • CSS is controlled by rules that you add to your web pages
  • Dreamweaver can assist you in creating these rules
  • You do need to understand them in order to create them for your pages
  • This is not a CSS course, but I will be walking through how to think about your design with your CSS hat
  • The first step in looking over our design is how to position our content
  • The positioning piece will determine how we should be slicing our content