A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.
It's fast and free.
processing...Retrieve Sign In
Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.
processing...Welcome to Webmonkey
- edit articles
- add to the code library
- design and write a tutorial
- comment on any Webmonkey article
Sign In Information Sent
Mulders Stylesheets Tutorial
/skill level/
/viewed/
| Line 30: | Line 30: | ||
== Suggested readings == | == Suggested readings == | ||
| - | {{ | + | {{Mulders Stylesheets Tutorial Series}} |
Revision as of 19:31, 11 May 2008
Cascading stylesheets are a new-ish technology that promises to make the Web a better place by allowing you to control 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 tutorial:JavaScript Tutorial - Lesson 1.
P.S. Mulder tells us he has no relation to the X-Files' Mulder. But that's what he would say.
Contents |
Introduction
What you'll need
Steps
Alternate methods
Suggested readings
Template:Mulders Stylesheets Tutorial Series
/related_articles/
Special Offer For Webmonkey Users
WIRED magazine:
The first word on how technology is changing our world.
Registration on or use of this site constitutes acceptance of our User Agreement (Revised 4/2/2009) and Privacy Policy (Revised 4/2/2009).
Wired.com © 2009 Condé Nast Digital. All rights reserved.
The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Condé Nast Digital.