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, To create a class style, and To create an ID style.
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.