An Introduction to CSS

**Man1c M0g** · 09-07-2004

I was recently disturbed to find out that many people have not heard about the miracle of cascading style sheets and the absolutely fantastic ways in which they can make designing websites far easier. Before I could start on a tutorial, however, a very helpful chap called Gus Mayo stepped forward with one on the very same subject! His submission, An Introduction to CSS, does exactly what it says on the tin, and helps you get to grips with the technology, using numerous practical examples. Check it out!

Oh, and before I forget, I've decided to set myself a roadmap until the next revision of the Biorust Design. Most interestingly, there are only two items on it - a much-requested human translation add-on system for the tutorials, and 5 illustrator tuts. Once both of these tasks are complete, work will start on Biorust v4. Estimates currently suggest that the new design may emerge around Jan/Feb, although this will vary according to unforeseen circumstances. Still, its nice to have goals I guess... :-)

BlodoPKNZ · 09-08-2004

Yay for biorust v4! We cant wait already lol.

Evdawg · 09-09-2004

Overall a good intro but I picked up what look to me like some errors.

First:

Code:

<link rel="stylesheet" type="text/css" href="yourfile.css" title="Your Title" />

I think that

Code:

media="screen"

or

Code:

media="all"

should be added to that before the tag ends. What this does is specifies the media which the style sheet should be used on. for example

Code:

media="print"

that stylesheet will be used only when a user prints the page or in a print preview.

Next, Mayo says

Quote:

IDs work exactly the same way as classes. The reason it exists is to allow you to incorporate Style Sheet models into JavaScript or DHTML. So, unless you are attempting to use these with JavaScript, stick with the CLASS command

. This is also wrong. There are differences between IDs and classes. With an ID you identify an element to be a unique element in the document. Classes on the other hand can be applient to any number of elements any number of times within a document. I beleive that standards say that IDs should be used to identify those unique elements: for example a <div id="head"> that would be used as the header for the page, etc. Classes rather, should be used to style paragraphs, for example if you want a certain <p> to look a certain way on a page, but it appears multiple times you should use <p class="special">.

Go ahead, get mad at me. The tutorial has errors that should be fixed.

GoldNetX · 09-09-2004

Thanks for catching those, I completly forgot about the media attribute.

For the IDs, I had written about them being unique in a text doc, but I guess that I forgot to put that in when formatting it for html. (no longer have the source files)

Thanks for the catches Evdawg.

Young Spartan · 09-09-2004

Nice tutorial, first of all.

Moving along, I can't wait to see v4. I'm sure it will be a delight, as v3 was a huge step forward, I can't imagine what they odd mind of yours will produce next.

Evdawg · 09-09-2004

Quote:

Originally Posted by GoldNetX

Thanks for catching those, I completly forgot about the media attribute.

For the IDs, I had written about them being unique in a text doc, but I guess that I forgot to put that in when formatting it for html. (no longer have the source files)

Thanks for the catches Evdawg.

No problem.

**Man1c M0g** · 09-09-2004

Many thanks for letting me know Ev! I'll see about getting those errors fixed this weekend (if my brain remembers...

).

Young Spartan · 09-10-2004

How can you not be reminded? It's sitting on your forums.

**Man1c M0g** · 09-12-2004

And its corrected. Let me know if you find any further issues 'n stuff.