15 November 2004
CSS Reference
This page contains an organized list of Web layout references and tools based on HTML and CSS. An earlier version of the source is available in a previous entry.
- Specifications
- HTML 4.01 Specification
- Cascading Style Sheets, level 2 CSS2 Specification
- Document Object Model (DOM) Level 2 Specification
- JavaScript Guide for JavaScript 1.1
- The Box Model
- "Box model"
- "3D CSS Box Model"
- Avoiding Tables
- "Throwing Tables"
- "The Amazing Invisible Spacer Gif!"
- "The layout is dead, long live the layout"
- Tutorials/Examples
- Little Boxes
- Listutorial
- 16 bit colour test
- css Zen Garden
Section from the CSS specification describing the layout model as consisting of three components of a content block (from outside to in): the padding, the border, and the margin.
An article illustrating the box model with a 3D diagram.
An article detailing the benefits of converting table layout to CSS layout using Microsoft's Web site as the model.
An article explaining the spacer GIF hack required to create layout using tables.
There are many good reasons not to use tables to create web page layouts: unnecessarily complication code, they defy the most basic rule of information storage and retrieval by mixing content with appearance, they destroy logical document flow, and most of all, they were not a tool which was created to do this job.
Sample CSS that can be used as the basis for single- and multi-column page layout.
Tutorial on formatting lists and creating light-weight menus.
A color chart with their respective hex values.
A site that consists of a single Web page viewable with hundreds of different CSS files. This is an example of how you can achieve varied, cross-browser layout with sparse HTML.
- Techniques after using Swift for a month posted by sstrader on 26 August 2015 at 11:41:51 PM
- Some thoughts on Ruby after finishing a week (minus one day) of training posted by sstrader on 15 December 2011 at 8:59:30 PM
- Links on the singleton pattern posted by sstrader on 9 December 2011 at 9:19:50 AM
- Phonebot posted by sstrader on 29 October 2011 at 6:37:05 PM
- The labeled break in Java posted by sstrader on 4 September 2011 at 11:27:56 AM