Separating Style from Content - HELP!

[Glance11]

I'm using freewebs, and was wondering if it was possible to 'separate style from content' on Freewebs. Obviously, my site is in HTML, but I can only find information about separating style from content in PHP.

[Fang]

http://webdesign.about.com/od/intermediatetutorials/a/aa010707.htm

[Glance11]

I'm still extremely baffled about all of this. I've got a new site, and have the index page and style sheet. How exactly do I take the information from the index page and place it in the style sheet.

The layout of this site - http://www.freewebs.com/theonewith/alist/, is what I'm hoping to do. (as you can see - the main body is separate from the navigation and banner)

[Fang]

Content is the text in HTML elements and images
Style, in the CSS, is how the text and images visually appear on the page position, color, size, etc.

[ray326]

The first thing you have to do is understand what your content IS and mark it up with correct semantics. In general what I see there are a bunch of headings an lists with a handful of paragraphs.

[rooshk34]

If you want a good example of separating style from content check out http://www.csszengarden.com.

It doesn't really provide tutorials, but you can download their css and html files. I've learned how to do a few things by checking out their code.