CSS Approach

I've learn a few steps on how to work with Cascading Style Sheet (CSS), consisting values inside properties inside declaration inside element, called Rules. The more I learned the more interesting this subject is, but the more I deep in, the more query float. This is the sample of CSS rules:

h1 { color : #fff; }  /* this is awesome*/

In custom coding, I need to break the code into 'area' by section, which means applying code development to, for instance, Header area, Navigation area, Color area, Page Content area, Gallery area, Footer area, you can named what ever you want as long as it can be trace easy. For example,

/*************************

THIS IS HEADER (AREA)

*************************/
h1 { color : #fff; }  /* this is awesome*/


/*************************

THIS IS NAVIGATION (AREA)

*************************/

nav { color : #fff; }

and so on . This 'area' can help you track your area in which you want to make changes for your site.  The symbol mention for /* word */ is a commenting quote .. Doesn't matter you want to give long /**********/ or short /****/ as long it has /* (start), and */ (stop).