Adobe
Sign in Privacy 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

Reference and documentation

Products

Download

Support & Learning

Buy

Company

Choose your region

Copyright © 2013 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy (Updated) | Cookies