Creating media, font, and page rules
You can specify media, font, and page information using CSS rules: - Use the @media rule to specify 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.
- Use the @font-face rule to specify a font and its URL location to ensure the font will display on systems without it.
- Use the @page rule to specify the size of pages.
To create an @media, @font-face, or @page rule: - Open the CSS Editor for the page or .css file.
- In the CSS Definitions tab, click an empty area to display the Create buttons on the right side of the Editor.
- Expand the Advanced section and do one of the following:
- Click the Create @media button and choose the media type from the Media menu. In the Source tab, enter the property and value pairs for the rule. (See Editing cascading style sheets manually.)
- Click the Create @font-face button; then click the Create New Item button. In the Font Source tab, specify the URL of the font, and in the Font Styling tab, specify font properties.
- 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.
|