CSS Tutorials

fozzybear

fozzybear

fozzybear

Soldato
Joined
27 Mar 2004
Posts
7,653
Location
Manchester
Does anyone know of any really good, easy to follow tutorials for CSS? I'd prefer the tutorial to take you step by step through designing a CSS page where you have something to show at the end of it.

This is an excellent tutorial for CSS newbies like me. It may come in handy for some of you just starting with CSS. I now just need something similar but at a slightly higher level.

Any ideas?

Cheers. :)

//edit

To the more experienced CSS experts out there. Do you always code your XHTML and content firstly and then write a Style Sheet to apply to the code afterwards or do you always start with some sort of CSS template?
 
Last edited:
Download the web developer tool for firefox and use it to look at the css code behind web sites you really like the look of. Don't just plagurise obviously, but it will enable you to see the css code in action by matching the div, font etc tags to the classes and id's in the body of the css file associated with the web page you are looking at!

Hope this helps...
 
In answer to your other question it really depends.

CSS - Presentation

XHTML - Content

Seperate your presentation from your content and use div tags supported by css styles instead of tables if you dont need to use a table. Always have your layout in mind before starting a web site.

There's no right or wrong way of going about a website. But sketching your ideas out on paper and always think of accessibility (see w3c standards) on how stuff should be presented and how long people spend looking at certain aspects of your site (i.e. images, headers, avoid flashing text, certain colours etc...) is a good start.

I guess you need to know what content your going to publish before thinking about how you are going to present it, conversely design minded people may just design layouts without thinking about content. Depends on how your inclined.

Moral is really, decide, know and plan what your doing before your start and then use w3c to check the validity of your code throughout and ask people what they think of your site as you develop it!

Sorry for the open ended answer but there really is no right way!
 
fozzybear said:
Does anyone know of any really good, easy to follow tutorials for CSS? I'd prefer the tutorial to take you step by step through designing a CSS page where you have something to show at the end of it.
Click to expand...
There's this tutorial at Veerle's Blog which comes in five parts: Designing a CSS Based Template. You might need Photoshop for this, however, as you have to make the navigation too. HTML Dog also have good tutorials.
fozzybear said:
To the more experienced CSS experts out there. Do you always code your XHTML and content firstly and then write a Style Sheet to apply to the code afterwards or do you always start with some sort of CSS template?
Click to expand...
I tend to do both at the same time. That's mainly because I'm never really sure what I want to do, unless I've got a PS template I need to chop up. I would usually do the XHTML that I know I need first, and then If I need extra divs to make the website I'll put them in.
 
You must log in or register to reply here.
Back
Top Bottom