Adobe
Sign in My orders My Adobe

Use the following resources to get started with cascading style sheets (CSS) in Dreamweaver and refine your CSS skills.

To learn about the new features in CSS3, the latest version of CSS, refer to the Learn CSS3 page in the HTML5 Developer Center.

Note: Although Dreamweaver CS5 adds new CSS functionality, the CSS panel in Dreamweaver CS5 has only changed minimally, and you should still be able to follow tutorials written for Dreamweaver CS3/CS4 using Dreamweaver CS5. To understand the differences between the two versions, check out the product's version comparison table.

Learning the basics

  1. What is CSS, and why should I learn it?
  2. Understanding CSS basics (video tutorial)
  3. Understanding cascading style sheets
  4. Understanding CSS page layout basics
  5. Designing for web publishing

Core concepts

  1. Understanding inheritance
  2. Understanding specificity

Getting started

Best practices with CSS

  1. Using best practices with CSS
  2. Checking for cross-browser CSS rendering issues

Transition from tables to CSS

  1. Part 1: CSS basics
  2. Part 2: Using CSS starter pages

Design with CSS and Dreamweaver

  1. Part 1: Understanding CSS design concepts
  2. Part 2: Defining style properties and working with floats
  3. Part 3: Using CSS positioning for site layout
  4. Part 4: Styling headers and main content
  5. Part 5: Building site navigation
  6. Part 6: Using compatibility checks for browser compatibility

Build your skills

Using starter pages and style sheets

  1. Introducing the CSS layouts in Dreamweaver CS5
  2. Creating a print CSS in Dreamweaver
  3. Managing websites with multiple layouts

Styling with CSS

  1. Simple styling with CSS
  2. Adding backgrounds and borders
  3. Styling tables
  4. Creating cross-client HTML emails

Getting to know your CSS selectors

  1. Part 1: CSS2.1 and attribute selectors
  2. Part 2: CSS3 pseudo-classes and pseudo-elements

Tableless layout from scratch

  1. Creating a 2-column layout
  2. Creating a 3-column layout

Taking a Fireworks comp to a CSS-based layout

  1. Part 1: Initial design
  2. Part 2: Markup preparation
  3. Part 3: Layout and CSS

Cookbooks

 More
11/07/2011 Simple social networking share buttons
09/20/2011 Registration form that will generate email for registrant to validate
08/21/2011 Spry Accordion - Vertical Text - Auto Start on Page Load - Mouse Over Pause
08/17/2011 Using cfdump anywhere you like
08/11/2011 How do I create administrative user levels in Dreamweaver?
02/18/2011 Rounded Corners / Border Radius, css3 and IE versions below IE9

Reference and documentation

Products

Solutions

Industries

Help

Learning

Ways to buy

Downloads

Company

Choose your region

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy Policy and Cookies (Updated)

Reviewed by TRUSTe: site privacy statement