Styled Presentation

This presentation illustrates the simple use of style.

Use PageDown/PageUp or the arrow keys to move between slides.

Gaps

The rules margin: 0; padding: 0; on the body get rid of unwanted gaps round the edge of slides.

The rule margin: 0; on h2 headings pushes them to the top of slides.

The rule margin: 0.6em 1em 0.6em 1em; on paragraphs specifies desired gaps above, to the right, below, and to the left of paragraphs.

Text size

The rule font-size: 40px; increases the default size of text throughout the presentation.

A useful convention is to reserve h1 for use in a title slide at the start of a presentation, if any, and h2 for the heading at the top of each slide.

The rule font-size: 200%; increases the size of text in slide headings.

Slide headings

The rule text-align: center; centres the slide headings.

The rule background-color: #4af; is sufficient to make a distinctive banner, with the colour being in hex RGB format.