css - stylesheets : 1 big one or a few bigones or several smaller ones? -

i building asp.net website several style sheets.

each style sheet focused on different page / pages. better performance-wise have styles merged 1 or bundling solve anyway?

personally, find several style sheets handier because gives better overview of rules available.

instead suggest merge stylesheets in single file , comment out blocks accordingly, because approach seems unfriendly, also, huge performance hit, stylesheets requested everytime user navigates new page, increasing in http requests.

also of core styles repeated on every page resets, font sizes , families etc, must having 2 on each page, 1 handle base styles , other applied per page, instead merge them in one.

particularly follow convention..

/* core styles */  * {    margin: 0;    padding: 0; }  html {    height: 100%; }  body {    min-height: 100%;    /* other stuffs */ }  /* core styles ends */  /* header styles */  /* header styles here */  /* header styles ends */  /* home page styles starts */  /* home page styles ends */ 

this way can use styles across pages, don't need repeat on every page, example font color, font size, h1-h6 styles etc