A Beginner's Guide to CSS

Rating: 1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic (by 7 people)   Your rating: 1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic

This lens isn't finished yet, but a couple of decent modules are ready, so I'm publishing. (When is a lens ever "finished?")

Bookmark / Subscribe! 

Who's A Beginner? 

It's me!

Looking through the lenses in this group, it seems that the authors are very knowledgeable, but might leave a lot of readers wondering what they're talking about, given that Squidoo is a "no HTML required" platform. It reminded me of an ancient website: "A Beginners Guide to Javascript" (Hey! It's still there!) where the author explained that he was the beginner in the title.

On the theory that plagiarism is the sincerest form of flattery, I decided on a similar name for this lens. I don't know much about stylesheets, but hopefully I can "fill in the blanks" for the totally confused.

The Style Element 

HTML "Ancient History"

The <style> element was introduced in 1998 as part of HTML version 4.0 to separate the presentation of web documents (i.e. web-pages) from their content. Style could be applied to entire documents, to portions of documents, or to single HTML elements (as attributes), with the most local style taking precedence. Therefore, the name "cascading" style sheet -- or CSS -- was adopted.

CSS, or CSS1 as it later came to be known, wasn't widely adopted for a couple of reasons. Then-current browsers didn't support it -- they recognized <style> as a "tag" that they didn't recognize, and ignored it, but that was all. Secondly, CSS1 was pretty experimental, being quickly replaced by the CSS2 specification. The advantages CSS1 offered weren't great compared to the effort involved in retro-fitting it to existing pages.

The CSS 2.0 Specification 

New "Position" Property Replaces Table (sort of)

Later the same year (1998) CSS Level 2, also known as CSS2 or CSS 2.0 was recommended as a specification. (W3C has no authority to enforce standards, so they issue proposals and recommendations.)

It was intended to correct some errors and deficienices or CSS1 including significantly the "position" property, which provided for a lot more flexibility in layout. Previously the <table> element, which was never really intended for layout, had been the only available work-around.

A Couple of Key Links 

More to follow, I suppose.

W3C CSS Homepage
This may seem like an odd link for beginners, but there are some very good basic tutorials here as well as links to the most up-to-date working groups.


Index DOT Css FAQ
Is it just me, or is this an ugly page? Great content though.

Introductory (X)HTML and CSS Books 

Available @ Amazon.com

Head First HTML with CSS & XHTML

I wish O'Reilly's Head First Series had been around when I was learning this stuff...

Amazon Price: $26.39 (as of 10/13/2008)

HTML, XHTML, and CSS, Sixth Edition (Visual Quickstart Guide)

Amazon Price: $23.09 (as of 10/13/2008)

Integrated HTML and CSS: A Smarter, Faster Way to Learn

I was actually looking for something about the USS Merrimac (CSS Virginia) when I discovered this book, but it looks pretty good.

Amazon Price: $23.39 (as of 10/13/2008)

Webcredible CSS Articles 

Webcredible is a UK web-design firm. They're actually trying to sell you on their service, but they do provide some good basic CSS information here.

Loading Fetching RSS feed... please stand by

New Write! (And Add A Photo) 


Great HTML tutorial site

Listed with Feeds4All.nl 


Webfeed (RSS/ATOM/RDF) registered at http://www.feeds4all.nl

The Whole Ed Cata-Blog 

Subscribe to The Whole Ed Cata-Blog

I've never quite been sure what distinguishes a blog from a regular webpage. Timeliness seems to have something to do with it, but that doesn't seem to be a hard and fast rule.

Anyway, here are some of the things I've been working on lately...

Loading Fetching RSS feed... please stand by