Graphics Programs Reference
In-Depth Information
5.
Back in Illustrator, choose File > Export. In the Export dialog box, set the Format
option to CSS (css) (Mac OS) or Save As Type option to CSS (*.CSS) (Windows).
Change the file name to
WebDesign_all
, and make sure that you navigate to the
Lessons > Lesson15 > ForCSSExport folder. Click Export.
Note
You can also export all of the CSS from your design by choosing Export
All from the CSS Properties panel. If you want to change the export op-
tions first, you can set them by clicking the Export Options button (
) at
the bottom of the CSS Properties dialog box.
6.
In the CSS Export Options dialog box, leave all of the options at their default set-
tings and click OK. You most likely will see a dialog box telling you that images
will be overwritten. Click OK.
Position and size properties are not added to the CSS code by default. In certain
situations, you will need to export CSS with those options selected. The Include
Vendor Pre-fixes options are selected by default.
Vendor pre-fixes
are a way for
certain browser makers (each is listed in the dialog box) to add support for new
CSS features. You can choose to exclude these prefixes by deselecting them.
7.
Go to the Lessons > Lesson15 > ForCSSExport folder, and you will see the new
CSS file named WebDesign_all.css and a series of images created because the Ras-
terize Unsupported Art option was selected in the CSS Export Options dialog box.
