This is the left column content.

CSS Tutorial

This tutorial assumes you have a basic motivation to understand Cascading Style Sheets and provides a simple external method. CSS can be used in many ways. Therefore, it is recommended that you ask yourself questions based on the the content of the CSS file as well as the layout of this XHTML file.

Use your favorite search engine and search for "css tutorial" for basic information. One of many sources for CSS and other technologies is W3 Schools.

Elements

XHTML File
Link to CSS

CSS File
CSS Statements

  1. Create an XHTML file.
  2. Place the following link tag in the <head></head> section of the XHTML file.
    <link rel="style sheet" type="text/css" href="stylesheet.css" />

    This will also be placed on all corresponding pages that will display style information. Consider writing style sheets for different media or possibly for different browsers.

  3. Create an external stylesheet.css file. This can be a blank file that you add statements to or a preformatted style sheet that is created by an editor or previously by you or someone else.

With CSS, XHTML, Javascript, and other languages such as Perl or PHP, dynamic content can easily be created, managed and displayed to your audience. The following techniques are used.


These files can be downloaded here (.zip).

This concludes the Tutorial portion of this page. There may be additions in the future. This page was specifically created in response to a request. Study, study, study every day.

Len Schwalm is a freelance designer based out of Ontario, CA USA. He also runs the pinched.com web site specializing in Custom Creative Design, IT Outsourcing, Training and Maintenance.
Pinched - LTSIII Production and Design
August 5, 2004