Good idea to split CSS into files for each section?

for my website, i'm going to be using some css for every page in it, would it be advisable to store the css for each page in their own file? or even better in the actual page itself?
if i put it all into one css file i'll end up putting bit spacers:
/*-=-=-=-=-=-=---=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-*/
to block things apart

What's the point of using an external style sheet if every page is going to be different? Really, there isn't. What you should do is use an external style sheet that contains all of the style selections that are common to each page... like coloration, links, backgrounds, common classes... etc...etc.

For style selections that are specific to a page and ARE NOT being re-used, you could put them in the header of the page. But remember that the reason for an external or imported style sheet is so that you don't have to use repetitive code and bog down your website with a gazillion style selections.



Just think about it. Code that is going to be re-used more than once, should be put in an external style sheet, code that is going to be used once, should be place in the head of the document... it's very logical, just concentrate on not wasting space

Actually, there's another reason to always store your CSS externally: Search Engines. All those style sheets at the top of your page are just clutter to search engines. Get 'em out of there if you can -- same goes for javascript.