Graphics Programs Reference
In-Depth Information
Note
To learn more about CSS, visit the “Understanding Cascading Style
Sheets” section of Adobe Dreamweaver Help (
http://helpx.adobe.com/
dreamweaver/using/cascading-style-sheets.html
)
. You can also check out
the CSS video series on Adobe Dreamweaver Developer Center:
ht-
The great thing about generating CSS from your Illustrator artwork is that it allows for
flexible Web workflows. You can export all of the styling from a document, or you can just
copy the styling code for a single object or a series of objects and paste it into an extern-
al Web editor, like Adobe Dreamweaver. But creating CSS styling and using it effectively
requires a bit of setup in your Illustrator CC document, and that's what you'll learn about
first.
Setting up your design for generating CSS
If you intend to export or copy and paste CSS from Illustrator CC, slicing is not a necessary
part of that process, but setting up the Illustrator CC file properly before creating CSS al-
lows you to name the CSS styles that are generated. In this next section, you'll look at the
CSS Properties panel and see how you can set up the content for style export using
named
or
unnamed
content.
1.
Choose Window > Workspace > Reset Essentials.
2.
Choose Window > CSS Properties to open the CSS Properties panel.
Note
The CSS Properties panel shown here is an example and will not reflect
exactly what you see in your panel.
Using the CSS Properties panel, you can do the following:
• Preview CSS code for selected objects.
• Copy CSS code for selected objects.
• Export generated styling for selected objects to a CSS file (along with any im-
ages used).
• Change options for the CSS code exported.
