Wouldn’t it be great if SharePoint Designer or Adobe Dreamweaver could strip out redundant CSS… basically flatten the cascade of styles into a single stylesheet? After all, browsers do this every time they load a page, overwriting CSS selectors and keeping only the styles necessary to render your page. Here’s how to reduce css file size.
Next, open up the index.css file in that folder. Voila! It contains “interpreted” or “flattened” CSS, which is greatly reduced in size. Finally, replace your original CSS file with the contents of this page. Then check your document across other browsers.
One drawback is that it only does this one page at a time. So be prepared to save four or five of your pages and then merge the CSS files manually or by using something like MS Word’s “compare documents.”
Not as good as Scrapbook because it simply ‘tells’ you which selectors are repeated. It will spider through the entire site; Scrapbook will not.