CSS:Utilities,HTML Editors,Syntex

HTML Editors:

Although Adobe Dreamweaver is an excellent tool for Web site design and management its cost might prohibit some users from considering it for personal use. The follow HTML editor is available free of charge and has some excellent facilities for tidying-up, or converting,  your HTML tags.

HTML Converters

Although newer versions of Microsoft Office products allow for documents to be saved as a Web page, these conversion tools do produce advanced and “non-standard” tags and the Web files produced can be needlessly over complicated. Users who would like a more simplistic conversion of their Word (or any other word processing package) documents might wish to consider the RTF converter within the following HTML editor.

Further utilities and editors can be found at:

Tucows HTML tools
Author: TUCOWS

CSS Syntax:

A CSS rule-set consists of a selector and a declaration block:

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.

In the following example all <p> elements will be center-aligned, with a red text color:

Example:

p {
color: red;
text-align: center;
}

The element Selector:

The element selector selects elements based on the element name.

You can select all <p> elements on a page like this (in this case, all <p> elements will be center-aligned, with a red text color)

Example:

p {
text-align: center;
color: red;
}

The id Selector:

The id selector uses the id attribute of an HTML element to select a specific element.

The id of an element should be unique within a page, so the id selector is used to select one unique element!

To select an element with a specific id, write a hash (#) character, followed by the id of the element.

The style rule below will be applied to the HTML element with id=”para1″:

Example:

#para1 {
text-align: center;
color: red;
}

 

 

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *