|
|
|
|
|
by mikecomstock
5556 days ago
|
|
Here's what I do: - 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. |
|