Anybody know a good CSS tutorial???

liunx

Guest
I know HTML inside and out but ive been trying to learn CSS and javascript. If you could tell me a great tutorial for either or better yet, both please PLEASE let me know...thank you.e-mail me if you want... (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->)Joe Burns, <!-- w --><a class="postlink" href="http://www.htmlgoodies.com">www.htmlgoodies.com</a><!-- w -->

<!-- w --><a class="postlink" href="http://www.W3Schools.comHTMLGoodies">www.W3Schools.comHTMLGoodies</a><!-- w --> is notorious for incomplete and/or incomplete information, and its CSS tutorial is no exception The difinitive resource on CSS is <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/.For">http://www.w3.org/TR/REC-CSS2/.For</a><!-- m --> books check out Eric Meyer on CSS, and Beginning JavaScript from Wrox. The CSS book is more of a pratical usage of CSS, and the JS book is for newbies. Wrox books tend to be my favorites.Hey!

I used 2 books, which I highly recommend:

1) SAMS TEACH YOURSELF CSS IN 24 HOURS - Kynn Bartlett (I think).

2) ERIC MEYER ON CSS.


The first book is for beginners. it lays out the CSS in a really easy, step by step fashion. What I like about it is it talks a lot about browser compatability... which is still the achilles heel of CSS. The end of each chapter has a "browser report card" which tells you how well each rule is supported by the various browsers. Note that as browsers improve this will eventually become a moot point.

The second book takes real life page examples and "does them up" with CSS. Eric Meyer knows his stuff, and I highly recommend his book. it does NOT teach CSS, though... more HOW TO USE CSS. That is why I put this as the second book if you are a beginner.


...hope that helps!I'll agree with anything above involving the name "Eric Meyer (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/">http://www.meyerweb.com/eric/css/</a><!-- m -->)", and add the name "Jeffrey Zeldman (<!-- m --><a class="postlink" href="http://www.zeldman.com/">http://www.zeldman.com/</a><!-- m -->)". There's a whole heap of good links on both those sites.

this article (<!-- m --><a class="postlink" href="http://www.brainjar.com/css/positioning/default.asp">http://www.brainjar.com/css/positioning/default.asp</a><!-- m -->) is a good run through CSS positioning and the Box Model.

Sections eight (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/box.html">http://www.w3.org/TR/CSS2/box.html</a><!-- m -->) and nine (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/visuren.html">http://www.w3.org/TR/CSS2/visuren.html</a><!-- m -->), in particular, of the CSS 2 spec are well worth a read. A bit heavy going in places, but often very informative. (actually, that goes for most of the CSS2 spec)

This article (<!-- m --><a class="postlink" href="http://www.alistapart.com/stories/practicalcss/">http://www.alistapart.com/stories/practicalcss/</a><!-- m -->) also has a bunch of practical examples.

Finally, my advice to anyone attempting CSS stuff is: start with plain text.
mark it up semantically (paragraphs, headers, lists, blockquotes, and maybe a div or two)
now, *play* with the CSS. Poke, prod, tweak, and generally fiddle with it, and see what happens.What is WROX?

Am doing a college course, this is the next part, am curious.What is WROX?
The publisher (<!-- m --><a class="postlink" href="http://www.wrox.com/">http://www.wrox.com/</a><!-- m -->) of a popular series of programming books.I would also recommend that you check out:

<!-- m --><a class="postlink" href="http://www.westciv.com/courses/free/index.html">http://www.westciv.com/courses/free/index.html</a><!-- m -->

Their free course on CCS Level 1 is just ending but CSS Level 2 will be starting in 2 weeks. CSS2 incorporates all of CSS1 and then takes you beyond.

You might also take a look at Dave Raggett's site:

<!-- m --><a class="postlink" href="http://www.w3.org/MarkUp/Guide/Style">http://www.w3.org/MarkUp/Guide/Style</a><!-- m -->

Can't help myself, but if you don't already have a good HTML editor, try HTML KIt. Best of all, it's free! Includes a great validator, FTP tool, among lots of other goodies. Get it at:

<!-- m --><a class="postlink" href="http://www.chami.com/html-kit/">http://www.chami.com/html-kit/</a><!-- m -->

I'm a newbie who recently migrated from FrontPage, and I love my HTML Kit editor. I stay in control and my code stays standards compliant.


Another wonderful site where you can pick up all sorts of wonderful CSS tips is:

<!-- m --><a class="postlink" href="http://www.wpdfd.com/">http://www.wpdfd.com/</a><!-- m -->

Good luck!
 
Back
Top