How to Work With CSS in Nvu
Nvu is an open source WYSIWYG HTML editor that is used to create web pages. It is available for free from nvudev.com and works on Windows, Mac and Linux. This article will show you how to write CSS rules with Nvu.
- Difficulty:
- Moderately Challenging
Instructions
-
-
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.
-
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.
-
3
Click the Create Stylesheet button.
A new stylesheet dialog opens. Name the stylesheet and Click Create Stylesheet.
-
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.
-
5
Start with the expert option deselected.
Deselect the Expert button and Rule becomes active. Press it to create a new style rule.
-
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.
-
7
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.
-
8
Text options
You can style text elements.
-
9
Box options
You can style box elements.
-
10
Border options
You can style border elements.
-
11
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.
-
1
Tips & Warnings
Check eHow for my other articles on Nvu. This is one of a series.
