Ebay Software, Web Tool Super Sale Starting at $4.95
How To Create
Cascading Style Sheets Tutorial
BY Anne Laidlaw
Change the appearance of Web pages by changing just one file... Have a professional look to all your pages to impress your visitors... All with Cascading Style Sheets.
Try our FREE Online Cascading Style Sheet Maker
Alou CSS Quick Tutorial
A style sheet is made up of style rules that tell a browser how to show a document. The simplest method for starting out is to use HTML's STYLE element. The STYLE element is placed in the document HEAD, and it contains the style rules for the page.
Each rule is made up of a selector--usually an HTML element such as BODY, P, or EM--and the style to be applied to the selector.
There are numerous properties that may be defined for an element. Each property takes a value, which together with the property describes how the selector should be presented.
Style rules are formed as follows:
selector { property: value }
Multiple style declarations for a single selector may be separated by a semicolon:
selector { property1: value1; property2: value2 }
As an example, the following code segment defines the color and font-size properties for H1 and H2 elements:
<HEAD>
<TITLE>Alou Website Design CSS</TITLE>
<STYLE TYPE="text/css">
H1 { font-size: x-large; color: red }
H2 { font-size: large; color: blue }
</STYLE>
</HEAD>
The above style sheet tells the browser to show level-one headings in an extra-large, red font, and to show level-two headings in a large, blue font. The CSS1 Specification formally defines all properties and values available. The properties and values are also given in the CSS Properties section of this site.
This tutorial is intended as a very basic introduction to Cascading Style Sheets.
For a more in-depth look at Cascading Style Sheets, read the following sections:
Example of a Style Sheet & how to link your Style Sheet to your HTML page.
* Accept Online Payments *Start Accepting Credit Cards Today.
* No Merchant Account Required. * Accept Visa, MasterCard, Amex & Discover
* 2checkout.com Credit Card Processing
* Everything you need to securely Accept credit cards online.
* No Monthly Fees
Learn More