- Almost all CSS goes in 1 big file. One line per selector to keep thinks clean and easy to find. Styles from external sources (like jQuery UI) go in separate files.
- Reset lines go at the top, if you use them, in a / RESET / section.
- Styles for individual HTML tags are next in the / HTML TAGS / section.
- Then a / UTILITY CLASSES / section for clearing floats, etc.
- Next comes site layout. Headers, footers, page width, etc. all go here. Just the layout though - think the grid. No real content styling yet.
- Now sections for each piece in the layout. Content styles go here. First a section for the / HEADER CONTENT /, then a big section for the / PAGE CONTENT / (vast majority of styles go here), then the / FOOTER CONTENT / styles.
- Almost all CSS goes in 1 big file. One line per selector to keep thinks clean and easy to find. Styles from external sources (like jQuery UI) go in separate files.
- Reset lines go at the top, if you use them, in a / RESET / section.
- Styles for individual HTML tags are next in the / HTML TAGS / section.
- Then a / UTILITY CLASSES / section for clearing floats, etc.
- Next comes site layout. Headers, footers, page width, etc. all go here. Just the layout though - think the grid. No real content styling yet.
- Now sections for each piece in the layout. Content styles go here. First a section for the / HEADER CONTENT /, then a big section for the / PAGE CONTENT / (vast majority of styles go here), then the / FOOTER CONTENT / styles.