Cascading Style Sheets (CSS) give you added control over how web pages are displayed. CSS layers let you create style sheets or templates that define how different elements, such as headers and links, should appear. With CSS, you can control the style and layout of multiple web pages at once. CSS layers can overlap and be stacked on top of one another. In Fireworks, normal HTML output does not overlap.

To export a graphic in CSS layers:

  1. Select File > Export.
  2. In the Export dialog box, type a filename and select a destination folder.
  3. Select CSS Layers from the Export pop-up menu.
  4. In the Source pop-up menu, select one of the following:

    Fireworks Layers exports all layers as CSS layers.

    Fireworks Frames exports all frames as CSS layers.

    Fireworks Slices exports the slices in the document as CSS layers.

  5. Select Trim Images to automatically crop the exported images and layers to fit the objects.
  6. Select Put Images in Subfolder to choose a folder for images.
  7. Click Export.