1. Computing & Technology

How to Add Styles with Dreamweaver

Use Cascading Style Sheets with Dreamweaver

By , About.com Guide

Cascading Style Sheets can be very difficult to learn how to create - especially for more visually minded people. The Dreamweaver style sheet manager makes it easy to add all types of styles, attach existing style sheets, and create brand new CSS style sheets from scratch.

This tutorial will show you how to attach existing style sheets and add styles to style sheets. Once you have styles defined you can use them throughout your site with external style sheets or just within the existing document with internal style sheets.

Images 1-12 of 14

  1. The Dreamweaver Styles Pane
  2. How to Attach an External Style Sheet in DreamweaverAttach External Style Sheet
  3. The Attach External Style Sheet Dialog BoxExternal Style Sheet Dialog
  4. How to Add a New Style Rule in DreamweaverAdd a New Style Rule
  5. The New CSS Rule Dialog Box in DreamweaverNew CSS Rule Dialog Box
  6. Change Font Styles in DreamweaverFont Styles
  7. Change Background Styles in DreamweaverBackground Styles
  8. Change Block Styles in DreamweaverBlock Styles
  9. Change Box Styles in DreamweaverBox Styles
  10. Change Border Styles with DreamweaverBorder Styles
  11. Change List Styles in DreamweaverList Styles
  12. Change Positioning Styles in DreamweaverPositioning Styles

©2012 About.com. All rights reserved.

A part of The New York Times Company.