Accessibility

Dreamweaver Article

 

Designing with CSS – Part 2: Defining Style Properties and Working with Floats


Adrian Senior

Adrian Senior

www.webade.co.uk
www.communitymx.com
www.ukcsstraining.co.uk

Table of Contents

  1. Introduction
  2. Adding Default Properties to the Body Rule
  3. Inheritance and Specificity
  4. Investigating the Height Property
  5. Working with Floats
Comments
Created:
01 November 2004
Modified:
12 September 2005
User Level:
Beginner

Note: This article has been updated for Dreamweaver 8. The CSS features in Dreamweaver have been vastly improved in Dreamweaver 8. You can learn about those changes in Julie Hallstrom's article, An Overview of CSS in Dreamweaver 8.

Welcome to the second part of this article series on CSS design concepts. If you missed Part 1, you can get to it below:

Designing with CSS – Part 1: Understanding CSS Design Concepts

This series reviews how you can use Dreamweaver 8 to move towards CSS as a positioning technique when developing web pages. Part 2 builds on what you learned in Part 1. I discuss floating elements and investigate the height property. In addition, I cover inheritance and specificity. In Part 3 you'll create your first CSS-positioned layout.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

Tutorials and sample files:

Prerequisite knowledge:

Page 1 of 5
Next Page

About the author

Adrian Senior owns the UK-based web design agency Webade, which has been in business since 1998. He is also a member of Team Macromedia and a partner at Community MX. The year 2004 saw Adrian's first trip to America, where he visited Orlando and delivered two sessions at the TODCon conference.

Adrian also provides training courses for companies who need to train their designers how to build compliant, accessible web sites using CSS and xhtml.

He's been married to his wife, Janette, for 24 years and has two children, Antony and Eleanor.