Adobe GOLIVE CS2, Руководство пользователя, Страница: 338 / 724

329 ADOBE GOLIVE CS2
User Guide
See also
“About style properties” on page 330
Media, font, and page rules
You can specify media, font, and page information using CSS rules:
@media rule Specifies styles for different types of media. For example, use @media to specify the font size for print
media and a separate font size for the screen.
You can specify media types for external stylesheets by setting the stylesheet’s media type in the CSS palette or the
CSS Editor. See “To reference an external stylesheet from web pages” on page 323 and “To reference an external
stylesheet from another external stylesheet” on page 324.
@font-face rule Specifies a font and its URL location to ensure the font will display on systems without it.
@page rule
Specifies the size of pages.
To create an @media, @font-face, or @page rule
1
Open the CSS Editor for the page or .css file.
2 In the CSS Definitions tab, click an empty area to display the Create buttons on the right side of the Editor.
3
Expand the Advanced section and do one of the following:
• To create an @media rule, click the Create @media button and choose the media type from the Media menu. In
the CSS Editor, drag an existing class, ID, or element style to the @media rule, or select the @media rule and create
a new class, ID, or element style within it. For more information about creating styles, see “To create an HTML
element style” on page 326, “To create a class style” on page 327, and “To create an ID style” on page 328.
Note:
You cannot include links to external stylesheets, @import rules, @media rules, or a folder in an @media rule.
•
To create an @font-face rule, click the Create @font-face button. In the Font Source set, click the Create New Item
button and specify the URL of the font. In the Font Styling set, specify font properties.
•
To create an @page rule, click the Create @page button. Choose a selector from the Selector menu, and then choose
the type of marks you want from the Marks menu. Enter the margin and size settings for the selector.
To delete a style or external stylesheet from a web page
1
Select one or more styles or external stylesheets in the CSS Editor, and then either press Shift to select adjacent
items or press Ctrl to select nonadjacent items.
2
Press Delete (Windows) or Command-Delete (Mac OS).
3 If you deleted one or more styles, choose options in the Delete CSS Style window.
Editing cascading stylesheets manually
If you prefer to manually edit the source code of your cascading stylesheets, you can do so in the Source tab or in the
Split Source view of the internal or external CSS Editor.
Begin each style on a new line. Use the following basic guidelines and CSS syntax definitions when editing your
stylesheets in the Source tab or the Split Source view of the CSS Editor:
Class styles
The syntax consists of a period followed by a unique class name, and a property: value definition
enclosed by braces: