Difficulty: Moderately Challenging
Things You’ll Need:
Step1
If you don't already have Nvu, you can download and install a version appropriate for your computer at nvudev.com (see link below). When you have the software installed, create a site and at least one HTML page before beginning these steps.
Step2
To begin, click the Style elt button or the Link elt button.
In the Tools menu, select CSS Editor. You can create an internal or external style sheet. Click the Style elt button at the lower left.
Step3
Click the Create Stylesheet button.
A new stylesheet dialog opens. Name the stylesheet and Click Create Stylesheet.
Step4
An external stylesheet is easy to create.
It creates an internal stylesheet by default. You can export to an external stylesheet using the Export Stylesheet and Switch to the Exported Version button.
Step5
Start with the expert option deselected.
Deselect the Expert button and Rule becomes active. Press it to create a new style rule.
Step6
Type your selector in this field to style an HTML element.
You can create a named style or enter a selector such as "body" in the blank field. Click Create Style rule to begin writing rules.
Step7
Background options
Using the tabs across the top, you can style background. If you are familiar with setting style rules in Dreamweaver, you will notice some similarities between Nvu's styling options and those in Dreamweaver.
Step8
Text options
You can style text elements.
Step9
Box options
You can style box elements.
Step10
Border options
You can style border elements.
Step11
A page preview
Your choices are reflected immediately in the document window. Keep in mind that these background, box, border and other options can be applied to any HTML element on a page using the various CSS selectors.