Where should I put my css files?

Question

I have a middle size of website that share a common header/footer and almost each page would have its own specific file for layout. I have put the common header/footer in a sperated html file, but I do not know where to put the css file because the link element in footer.html `<link rel="stylesheet" type="text/css" href="footer.css" />` will not link to the current directory of this html file but the requiring php file. I look around quite a few websites and definitively there is no uniform solution. One solution is put all the css file in `root-directory/css`, while quite a few websites use hierarchical directory like `'/skin' '/global'` etc. The others choose a quite differential way using links like `http://sstatic.net/stackoverflow/all.css?v=5fc0e3026fcc` (this is the stackoverflow way). So my question which way is better or should I use for my situation? ps. actually I think this problem could also apply to image file storage.

Accepted Answer

I always tend to store my css in directories under the root folder.

```
/css/frame.css
/css/menu.css
/css/form.css
/css/print.css
```

I also split that down further if I ever need a ie specific css file

```
/css/ie6/frame.css
```

Which would contain all my ie6 specific overrides.

I do the same for images

```
/images/menu/......
/images/home/......
```

etc

It is all personal preference though, pick whichever style suits you.

Where should I put my css files?

Solution

Problem