Walk-throughs

We provide several pages that will walk the user through the FSS. The walk-throughs describe how to use various functionality of the Fluid Skinning System (FSS) style sheets. They provide basic examples you can build on and customize to suit your site's needs.

For more detailed information on how CSS is modularized and used in the FSS, please refer to the Fluid Skinning System (FSS) introductory article.

An introduction to CSS and how it works is beyond the scope of these walk-throughs and can be found at the W3C.

Files and Demos

The walk-throughs are meant to accompany functional demos that showcase available functionality of each FSS style sheet:

CSS Reset File: While optional, it is recommended that you use a CSS "reset" file to ensure full functionality of the FSS. A CSS reset file usually defines a large group of basic rules to normalize the CSS differences inherent in all browsers, so it would need to go before any other CSS data in your page. It is especially useful when it comes to textual content.

Please note: All FSS class names use the fl- prefix. In the functional demos, you may find other class names without this prefix; these are used purely for demonstration purposes, and can be safely ignored.