Selected Web Resources for
Getting Up To Speed
Understanding and Using
Cascading Style Sheets
Are you already familiar with (X)HTML and now want to add Cascading Style
Sheets (CSS) to your web page creation repertoire? The WWW offers an overabundance
of free learning resources. We've selected a small number of web sites for
you to visit that will not only help you make sense of CSS but will also leave
you with working examples of pages whose layout and design are controlled by
Cascading Style Sheets.
Why Use CSS?
An article by Greg Rewis attempts to answer the question, "Why
should I use CSS?"
Explaining CSS
A brief article by Wendy Peck "Bare
Bones, No Crap, CSS Text Control Primer" should give you a feel for the subject.
"The
Early Bird Catches the CSS: Planning Structural HTML" is an article by
Virginia DeBolt.
Joe Gillespie's "CSS from the Ground Up" provides more
depth:
Steps 1-3 Steps
4-6 Steps 7-9 Steps 10-12 Steps 13-15
CSS Tutorials
Russ Weakley has developed a number of short, clear tutorials illustrating
CSS concepts:
- Selectutorial - CSS selectors
- Find out about selectors including the structure of rules, the document tree and types of selectors. Also a step-by-step tutorial showing selectors in action.
- Listutorial - a step by step CSS list tutorial
- Listutorial takes you through the basics of building CSS lists with "background images for bullets" and "simple rollovers" with a few variations along the way.
- Floatutorial - a step by step tutorial on CSS layouts
- Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
- Colored boxes - one method of building full CSS layouts
- How do you go about building a full CSS layout? Is there an overall method that can be used for any layout?
Russ Weakley has written other CSS-related
articles and presentations that are equally lucid.
Web-Based CSS Layout Tools
- Layout-o-Matic
- "Select a layout type, width, and other options to the left, and then click
Download or View and pick up your multi-column CSS layout starter kit (turning
it into something unique and beautiful not included)."
- Css Creator
- "The original CSS
Creator is a CSS generator, which you can use to create styles and
test them on your site. If you are learning CSS have a look and see how
changes will affect your site and generate the styles.
The CSS Layout Generator will
generate layouts with a flexible center column and fixed width left and or right
column. All columns will be the same length, the layout can be centered on the
page or full width and a header and footer can be easily added."
- CSS 2/3 Columned Page
Maker
Have CSS Questions?
The "css-discuss
Wiki" is THE place to start when you have a question or problem with
CSS. It "is
a companion to the CssDiscussList mailing list. Among other things the
wiki serves as a collective long term memory for the list participants."
If you cannot find the answer in the Wiki, post your CSS question to the
CSS-Discuss
mailing list.
CSS Webliographies
The compiler of this page has put together a longer list of CSS
Resources. An even more comprehensive list of high quality CSS-related
web sites is maintained by Laura
L. Carlson (University
of Minnesota, Duluth).