Things You'll Need:
- Nvu software
-
Step 1
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.
-
Step 2
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.
-
Step 3
Click the Create Stylesheet button.A new stylesheet dialog opens. Name the stylesheet and Click Create Stylesheet.
-
Step 4
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.
-
Step 5
Start with the expert option deselected.Deselect the Expert button and Rule becomes active. Press it to create a new style rule.
-
Step 6
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.
-
Step 7
Background optionsUsing 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.
-
Step 8
Text optionsYou can style text elements.
-
Step 9
Box optionsYou can style box elements.
-
Step 10
Border optionsYou can style border elements.
-
Step 11
A page previewYour 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.
