d

Cascading Style Sheets: The Complete Documentation

• This category contains 19 Papers
• The last paper was added on 2007-03-26 (YYYY-MM-DD)

"The ThrashBox" – Rounded Corners for All

Published on , by Ryan Thrash, ©Ryan Thrash.

While working on a soon-to-be-released (Nov. 24th) Open Source e-commerce system, I wanted to use some neat CSS tricks for its sample XHTML/CSS template. This new cart will support styling the entire cart in a way similar to the CSS Zen Garden: strictly by altering the CSS. This technique will be used for the CSS template to replace the so-common-and-boring square sideboxes found on every other cart out there. Expect to see it in the CVS within a couple of days.

Cascading Style Sheets, level 1

Published on January 11, 1999, by Håkon Wium Lie, ©World Wide Web Consortium.

This document specifies level 1 of the Cascading Style Sheet mechanism (CSS1). CSS1 is a simple style sheet mechanism that allows authors and readers to attach style (e.g. fonts, colors and spacing) to HTML documents. The CSS1 language is human readable and writable, and expresses style in common desktop publishing terminology.

Cascading Style Sheets, level 2 - CSS2 Specification

Published on May 12, 1998, by Bert Bos, ©World Wide Web Consortium.

This specification defines Cascading Style Sheets, level 2 (CSS2). CSS2 is a style sheet language that allows authors and users to attach style (e.g., fonts, spacing, and aural cues) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS2 simplifies Web authoring and site maintenance.

Cascading Style Sheets, level 2 revision 1

Published on January 28, 2003, by Bert Bos, ©World Wide Web Consortium.

This specification defines Cascading Style Sheets, level 2 revision 1 (CSS 2.1). CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts, spacing, and aural cues) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS 2.1 simplifies Web authoring and site maintenance.

Complex Dynamic Lists: Your Order Please

Published on 2005-05-24, by Christian Heilmann, ©A List Apart Magazine.

In our struggle to reduce the number of steps site visitors must take to accomplish their goals, we face a number of challenges. One of them is to provide a good way for users to choose from a list of hierarchical elements. For example, a list that serves as a diner menu, offering a selection of drinks, main dishes, salads, and desserts.

CSS Anthology: 101 Essential Tips, Tricks and Hacks, Chapter 3 - CSS and Images (The)

Published on 2004-11-24, by Rachel Andrew, ©SitePoint Pty..

Given many of the designs favored by the CSS purists, you'd be forgiven for thinking that the image is soon to be a thing of the past, eschewed in favor of clean, standards-compliant, CSS-formatted, text-based design.

However, while sites that rely entirely on sliced-up images are beginning to look a little dated in comparison with the clean simplicity of the CSS layout "style," well-placed images can bring an otherwise commonplace design to life. And, as designers begin to push the boundaries of what can be achieved with standards-compliant semantic markup, sites that have managed to combine semantics and beauty are becoming much more commonplace.

CSS Design: Creating Custom Corners & Borders

Published on , by Søren Madsen, ©A List Apart Magazine.

Answer: the rounded corners are right here. In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical markup.

CSS Design: Going to Print

Published on 10 May 2002, by Eric Meyer, ©A List Apart Magazine.

You’ve seen them before: links that say “click here for printer-friendly version” or words to that effect. Every time you follow one of those links, you load a separate document that presents exactly the same information with a different layout, and probably different markup.

CSS Design: Taming Lists

Published on September 27, 2002, by Mark Newhouse, ©A List Apart Magazine.

As early as July of 1999 I was pontificating on email lists about the virtues of style sheets. Some things never change.

Facts and Opinion About Fahrner Image Replacement

Published on 20 October 2003, by Joe Clark, ©A List Apart Magazine.

Development of the Fahrner Image Replacement technique and its analogues is moving faster than the destruction of the Berlin Wall. This article provides some much-needed empirical data on how FIR actually works in screen readers.

Flexible Layouts with CSS Positioning

Published on , by Dug Falby, ©A List Apart Magazine.

This article was prompted by the growing crop of CSS “tips and tricks” articles that have surfaced in the last two years. Typical of these are the three column design making use of left and right fixed columns hanging on their margins; and the use of @import, instead of JavaScript, to feed appropriate style sheets to differently enabled browsers.

Integrating CSS with Content Management Systems

Published on 2004-09-15, by Victor Lombardi, ©Digital Web Magazine.

Building CSS editing features into our content management systems allows us to make style changes as easily as we make content changes. In the future, managing the design of a Web site at the tactical level will be as easy and efficient as managing content.

Night of the Image Map

Published on 12 December 2003, by Stuart Robertson, ©A List Apart Magazine.

In the old days, before we thought much about web standards or the importance of accessibility, web designers used image maps to quickly divide a single image into regions, and link those regions to separate URLs. Traditional image maps, though, don’t work well with text-only browsers, and they aren’t as efficient or versatile as many newer techniques. You might still find them in use on an old web page or perhaps some kind of complex map, but most web designers would consider it an old technique. A dead one.

Round Corners

Published on June 25, 2002, by Marek Prokop, sovavsiti.cz.

See those interesting boxes below? - They're just built of images placed in a table, right? Well, not exactly. There are neither tables, nor images in the source code, only pure XHTML. Read about the benefits of this approach.

Rounding Tab Corners

Published on September 17, 2003, by Eric A. Meyer, ©Complex Spiral Consulting.

In the past year or so, it's become somewhat fashionable to use unordered lists to create "navbars;" that is, collections of navigation links. A good example of a navbar is the horizontal stripe across the page tops of this very site, where you can find links to the major areas of Complex Spiral Consulting. In most cases where a horizontal stripe is created, the links are often made rectangular, as they are here. Just to buck the trend, it might be fun to create a "tab" appearance for the links. Let's take a look at how we might accomplish this.

Sliding Doors of CSS

Published on October 20, 2003, by Douglas Bowman, ©A List Apart Magazine.

A rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical markup for common interface components has already provided several elements for our use.

Sliding Doors of CSS (Part II)

Published on October 30, 2003, by Douglas Bowman, ©A List Apart Magazine.

Sliding Doors of CSS (Part I) introduced a new technique for creating visually stunning interface elements with simple, text-based, semantic markup. In Part II, we’ll push the technique even further. If you haven’t read Part I yet, you should read it now.

style master css podGuide

Published on 2004, by western civilisation pty. ltd., ©western civilisation pty. ltd..

The Style Master CSS podGuide is an iPod ready edition of our renowned Complete CSS Guide. Featuring a handy overview of CSS concepts, and in-depth information for every selector, property and @rule of CSS 2.1, the CSS podGuide is a must have for any web developer with an iPod, and just one more reason to get an iPod if you don't already.

W3C buttons without images

Published on April 02, 2003, by Marek Prokop, sovavsiti.cz.

Note: W3C buttons on this page are made without images using pure XHTML and cascading style sheets (CSS) that are not properly supported by browsers like Internet Explorer 4 and Netscape Navigator 4.