1.8

Editing plain CSS
l
Click the button Advanced in any property sheet to open a CSS property editor. Type
CSS properties at the left and values at the right.
l
In the Resources pane at the left, double-click the global stylesheet or the stylesheet for
the relevant context. The file opens in the workspace in the middle.
A list of all CSS properties and their possible values can be found here:
http://www.w3schools.com/cssref/.
Step 2: apply CSS to the content
After editing the CSS file(s), make sure that the CSS rules actually apply to one or more
elements in the template.
l CSS rules for HTML elements, such as paragraphs, are automatically applied to all
elements with the corresponding HTML tag.
l To make a CSS rule for a certain class or ID work for an element in your document, you
have to add the class or ID to that HTML element (as described below).
Note
Classes may be reused throughout one section, but a specific ID should not be
used more than once in each section. CSS layout rules for an element with a
certain ID only apply to the first element with that ID in each section. If you have two
sections inside of a Print context, then you can have the same ID on two sections;
they will both be affected by the CSS rules for the element with that ID.
l Style sheets only apply to sections in which they are included; see "Applying a style
sheet to a section" on the facing page.
Adding a class or ID to an HTML element
1. Select the element (see "Selecting an element" on page132).
2.
On the Attributes pane, type the ID and/or class. Type the ID without the preceding #
and class names without a dot.
Page 205