Wired

Webmonkey

  • Web Dev & Design
    • Ajax
    • Backend
    • Blog Publishing
    • CSS
    • Databases
    • Fonts
    • Frameworks
    • HTML
    • HTML 5
    • JavaScript
    • Mobile
    • Multimedia
    • Programming
    • Security
    • UI/UX
    • Web Standards
  • Software & Apps
    • Browsers
    • Software
    • Web Apps
  • Platform & APIs
    • APIs
    • Identity
    • Location
    • Social
    • Web Services
  • Reference
    • Color Charts
    • HTML Cheat Sheets
    • Special Characters
    • Glossary
    • Templates
    • Code Snippets
  • twitter
  • facebook
  • RSS Feeds
Feb 15 2010
File Under: CSS

Mulders Stylesheets Tutorial

  • By Webmonkey Staff

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.

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

From the series

Tutorial:Mulders Stylesheets Tutorial
Tutorial:Mulders Stylesheets Tutorial – Lesson 1
Tutorial:Mulders Stylesheets Tutorial – Lesson 2
Tutorial:Mulders Stylesheets Tutorial – Lesson 3
Tutorial:Mulders Stylesheets Tutorial – Lesson 4
Tutorial:Mulders Stylesheets Tutorial – Lesson 5

Tags: tutorial, wiki
  • Post Comment  | 
  • Permalink
  • Digg
  • Stumble Upon
  • Facebook
  • Delicious
  • Reddit
  • r4 kaart
    Yes your right stylesheets have been used by website designers for years as they are the best way to ensure that the sites look the same in all major browsers. Also css has a lot of advantages for consoles and machines that don't support css as most of the information offered on the webpages is still available.
  • buitenkeuken
    The basics of stylesheets explained very nice, but hardly new technology. Most sites have been using stylesheets for years now.
blog comments powered by Disqus

Webmonkey’s Picks

Browse Our Tutorials

HTML, JavaScript, design and more

Cheat Sheets

HTML, CSS and special characters

Color Charts

Brighten up your pages

Cut & Paste Code

Templates and snippets you can steal

Recent Comments

  • Me on Chrome 6 Arrives, Just in Time for Cake
  • Devin Serpa on Firefox Mobile Alpha Lands on Android
  • digiturk on Firefox Mobile Alpha Lands on Android
  • digiturk on Chrome 6 Arrives, Just in Time for Cake
  • jivebay on Chrome 6 Arrives, Just in Time for Cake
  • Recent Articles

  • Six Apart Shuts Down Vox
  • Chrome 6 Arrives, Just in Time for Cake
  • Using Microformats in HTML5
  • How to Speed Up Your Site With YSlow and Page Speed
  • Browsers Turn Their Backs on Old Macs
  • Corrections | Sitemap | FAQ | Contact Us | Wired Staff | Advertising | Press Center | Subscription Services | Newsletter | RSS Feeds
    Condé Nast Web Sites:
    Webmonkey | Reddit | ArsTechnica | Details | Golf Digest | GQ | New Yorker

    Registration on or use of this site constitutes acceptance of our User Agreement (Revised 4/1/2009) and Privacy Policy (Revised 4/1/2009).

    Wired.com © 2010 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.