Web Site Design, Mulder’s Website Stylesheets Tutorial

by | Dec 5, 2005 | Web design | 0 comments

Cascading stylesheets are a new-ish web site design technology that promise to make the Web a better place by allowing you to control website design layout like never before, to make smaller, faster pages, and to easily maintain many pages at once.

Cascading stylesheets are a new-ish web site design technology that promise to make the Web a better place by allowing you to control website design layout like never before, to make smaller, faster pages, and to easily maintain many pages at once.

Steve Mulder, author of “Web Designer’s Guide to Stylesheets,” created this five-day stylesheets tutorial which – modesty aside – kicks butt.

Your journey begins with a quick trip through the basics of cascading stylesheets – everything you have to know to get started quickly.

Then begin exploring the stylesheets properties that make them more than cool, starting with fonts. Stylesheets is your tool for calling fonts by name, controlling text size, specifying all manner of bolds and italics, and adding special effects.

Stylesheets give you lots of control over how characters, words, and lines can be spaced relative to one another. These CSS properties give you power over the space between words and letters, the leading (vertical spacing) between lines of text, the alignment of text, margins and padding, borders, and floating elements.

Lesson four introduces color and images into the mix. These CSS properties enable you to apply colors to elements and to place images behind elements.

In the final lesson, you’ll discover what many people believe to be the coolest thing about CSS: positioning and layering. Positioning text and images on a Web page with HTML is a pain in the butt (think table tags, invisible spacer GIFs, browser and platform variations). If you’re tired of these limitations, CSS will make you feel like a god.

After you’re done here, you may want to bulk up your skills even further by taking Thau’s JavaScript Tutorial and Taylor’s DHTML Tutorial.

P.S. Mulder tells us he has no relation to the X-Files’ Mulder. But that’s what he would say.

http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html

  • Lesson 1: Selectors and Declarations
  • Lesson 2: Fonts
  • Lesson 3: Typography and Layout
  • Lesson 4: Colors and Backgrounds
  • Lesson 5: Positioning