Writing CSS For Others - CSS Essentials - page 148

This way, if the brand color of #c00 ever changes, a developer would only
ever need to change that value once. This is essentially using variables in
CSS.
MULTIPLE CSS FILES FOR SECTIONS, OR ONE BIG FILE WITH ALL
SECTIONS?
A lot of people separate their sections into multiple files, and then use the
@import rule to put them all back together in one meta file. For example:
@import url(main.css)
@import url(type.css)
@import url(images.css)
@import url(tables.css)
@import url(misc.css)
@import url(responsive.css)
This is fine, and it does keep everything in sections, but it does lead to a lot
more HTTP requests than is necessary; and minimizing requests is one of
the most important rules for a high-performance website.
Compare this…