Web Design Blog

Category: CSS

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.

CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts.[citation needed] This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a CSS style sheet, readers can use a different style sheet, perhaps one on their own computer, to override the one the author has specified.

CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.

— Cascading Style Sheets @ Wikipedia

See Also:

CSS @ w3.org
CSS Tutorials @ w3schools.com – test CSS in browser
CSS Zen Garden – “The beauty in web design”
CSS Validator @ w3.org
CSS Positioning @ brainjar.com
CSS Cribsheet @ mezzoblue.org
CSS Positioning in Ten Easy Steps @ barelyfitz.com
Mastering CSS Coding: Getting Started @ smashingmagazine.com
Free CSS Layouts @ smashingmagazine.com

[categorySeeAlso slug=”firebug”] is very useful for working with CSS

  • Pixel art using style sheets

    Una Kravets makes pixel art using style sheets:

    Pixel art by Una Kravets

    What exactly is making those little pixels? If the title didn’t give it away, it’s the CSS3 multiple box shadow property. Each pixel is it’s own, individually placed box shadow. These are strung together via a comma-separated list. You can have as many box-shadows as you want on a div.

    [Source: Sass Pixel Art]

    Via BoingBoing.