7 tips to organize your CSS. Working often with CSS for my own website or for my job makes me trying always to be organized and that made me thinking about a thing. What is the best way to organize my CSS file(s)? With this article I will try to present you a short guide about CSS organizing. 1.Group your CSS files into a folder Beside your main CSS file you may want to use also a print CSS file or why not a CSS file for the IE6 browser. 2.Use efficient selectors A very important thing for you to know is how browsers understand and read your CSS selectors? The id is the selector with the greater specificity so always, instead div#header you should use just #header. 3.Comment and separe your CSS rules Generally, a CSS file contains reset styles, header, content and footer styles and in order to easier browse your CSS rules you should choose a way to separe them.
You can choose an simple and easy to notice separator as in the following example: 4.Create a simple color scheme to use for your styles 7.Simple is better. Devin R. Olsen - Pure CSS Vertical Menu Demo. CSS3 Shapes | CSS3 Shapes Resource. CSS tips and tricks. Css Image Hover Effect - Web Design | Abeon Tech.