The Basic CSS Series will help the beginner understand how to use and implement basic CSS styling in a web page. By the completion of this series, the beginner will have learned CSS terminology, basic functions and practices in CSS, and a few introductory ideas on advanced CSS usage including using floats for CSS layout and styling unordered lists as a horizontal menu.

Signup for access to this tutorial series and more!

SAMPLE VIDEO - Lesson Eight

SKILL LEVEL: BASIC

NOTE: This is an Introductory to CSS Using Dreamweaver. However you may use whatever editor you wish to use and will not hinder your learning if you do not use Dreamweaver.

Lesson One - What is CSS?

• Cascading Style Sheets
• Diagram of how CSS works
• What it can do (use ZEN Garden for an example)

Lesson Two - Basic Structure of CSS I

• What is a Selector?
• What is a Property?
• What is a Value?
• Examples of the

  tag

Lesson Three - Basic Structure of CSS II

• Attaching a CSS sheet
• Grouping
• Using class selectors (i.e.

  )

Lesson Four - The Background Option

• Setting up the background color
• Using an image for the background
• Repeating and non-repeating bgs

Lesson Five - Margin and Padding

• Differences between margin and spacing

Lesson Six - The List

• Using bullets, numbers, etc.
• Images as bullets
• Inline and Block

Lesson Seven - Floating

• Images
• Web Designs

Lesson Eight - Links

• Styling links, hover, etc.
• Advanced styling of links (menus, etc)

NOT A MEMBER? SIGN UP NOW!