How to Work With CSS in Nvu

By Virginia DeBolt

Nvu is an Open Source WYWIWYG HTML Editor Nvu is an Open Source WYWIWYG HTML Editor

Rate: (1 Ratings)

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.

Instructions

Difficulty: Moderately Challenging

Things You’ll Need:

  • Nvu software

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.

Tips & Warnings

  • Check eHow for my other articles on Nvu. This is one of a series.

Post a Comment

POST A COMMENT

Request a New How-To Article

Looking for more How To information? Chances are there’s an eHow member who knows how to do what you’re looking to do. Submit an article request now!

eHow Article:  How to Work With CSS in Nvu

eHow Expert: Virginia DeBolt

Virginia DeBolt

Expert: Internet

Profession: http://www.vdebolt.com

Location: USA

Related Ads

Internet

Veesites
Meet Virginia DeBolt eHow’s Internet Expert.