1.8

Step 1: edit CSS
Editing CSS using a property sheet
1.
Select Edit > Stylesheets.
2.
Click the downward pointing arrow next to Global and select the context that you want to
edit styles for, or select the Global CSS file to edit CSS rules that apply to all contexts.
3.
Click New, or click one of the selectors that are already listed and click Edit.
4. Type a CSS selector. This can be:
l A class: .class. Class rules apply to all HTML elements with that class. When you
create a class, choose a name that indicates what the class is used for, e.g. ‘small’
for a class that gives elements the font size ‘small’. The class name has to be
preceded by a dot, e.g. .small.
l An ID: #id. An ID is always preceded by #, e.g. #sender. When you create an ID,
choose a name that indicates what the ID is used for, e.g. #sender would refer to the
HTML element with information about the sender.
Note
Each ID should be unique and can only be used once in each section.
l An HTML element: p, h1, table, etc. Type the tag name without the angle brackets.
l A combination of HTML elements, separated by a comma. The CSS rule will apply
to all HTML elements that are listed in the selector. For instance, a CSS rule with
the selector h1, p applies to first level headings as well as paragraphs.
l HTML elements inside other HTML elements. For instance, a rule for all paragraphs
inside a div element has the selector: div p.
l Etcetera. See http://www.w3schools.com/cssref/css_selectors.asp for more CSS
selectors and combinations of CSS selectors.
5. Select the layout options that should apply to selected elements; see "Styling and
formatting" on page198. Note: where a width can be set as a percentage, it is a
percentage of the space between the left and right margin.
6.
Click OK.
7. In the Stylesheets dialog, click the selector that you chose. All CSS rules for that selector
will become visible in a box below the list of selectors.
Page 204