Open the document with the .css extension name [This
one is style.css].
Copy and paste this code at the very bottom of
the page:
.pageName {
font:22px Arial, Helvetica, sans-serif;
color: #FF6600;
letter-spacing:0.2em;
line-height:32px;
}
It
will look like this on the page.
Now click on the word 'pageName' and open the CSS panel, click on the
color to change it; type in a different number of pixels to change
the size if desired.
Why
do this? Now you can have a heading that will be consistent on pages.
You'll find it in the Properties panel, under the "style" button.
Create others the same way. Copy the code, paste it at the bottom,
but each time come up with a different name for the style. For example,
you might use something like '.subhead', or '.blue'. That name does
not matter as long as it starts with a dot. Each time change the
color and or line-height and font size to fit what you are tying to do.
|