I have always been taught to have all of the CSS in a separate file that is referenced from the head of the page. Reading this article, the author is talking about making the Guardian website responsive. One of the things he notes they did to make the site faster and more resilient is to add the CSS inline into the header, thus reducing HTTP requests.
Now this got me thinking about the right/best/fastest way of using the CSS
If you have one main CSS file, its going to be called and read by the site on every page, no mater how big it is. So with that in mind, I'm actually starting to think its better to just inline the whole style sheet and remove one HTTP roundtrip.
I know for the purposes of neatness and being able to edit the file a separate file is better.
But which would you recommend and which do you think is faster?