Graphics Programs Reference
In-Depth Information
Note
The text may no longer fit in the type object. You may need to resize it to
fit the text.
Note
Selecting a type area gives you the ability to see all of the CSS code gen-
erated from the styling. It is also a great way to be able to copy or export
all of the text formatting from a selected type area.
10.
Select the Selection tool, and make sure that the type object that contains the
“About Bella Casa” heading is selected. Look in the CSS Properties panel, and you
will see a series of CSS styles listed. These are the styles applied to all of the text
in the type area.
Working with graphic styles and CSS code
CSS code can also be copied or exported for any graphic styles that are applied to content.
Next, you'll apply a graphic style and see the CSS code for it.
1.
Scroll back up the artboard so that you can see the Bella Casa logo toward the top
of the artboard. With the Selection tool (
), click to select the transparent white
rectangle behind the logo.
Note
The unnamed style in the CSS Properties panel (.st0) is being generated
because you selected Generate CSS For Unnamed Objects in the CSS Ex-
port options earlier.
2.
Open the Graphic Styles panel (Window > Graphic Styles). Option-click (Mac OS)
or Alt-click (Windows) the New Graphic Style button ( ) at the bottom of the
panel. In the Graphic Style Options dialog box, change the Style Name to
Cover
box
and click OK. The graphic style should be applied automatically to the white
rectangle.
