Cascading Style Sheet (CSS) optimization transforms your HTML by abstracting inline style and behavior into minimal stylesheets. Whereas CSS makes a site easier to maintain, CSS optimization makes it load faster and makes it more search engine-friendly.
Good CSS architecture involves planning from the very beginning for CSS layout, style, and behavior. This way you can avoid most of the limitations and browser quirks that creep into an unorganized CSS layout.
To create a solid CSS architecture, use the following techniques:
Use a reset stylesheet to equalize rendering behavior.
Plan for descendant selectors by using labeled container cells for main page sections (masthead, navigation, content, footer, and side columns).
Position external CSS files in the ...