SharePoint Designer provides a set of reporting tools for CSS that are pretty useful for checking the CSS implementation of a Web site and then comparing it with the Web standards for errors, problems, mismatches, or usage. You can run reports on selected pages or across an entire Web site and then determine whether the CSS styles are being used efficiently. CSS Errors and CSS Usage are the two main CSS-related reports that you can run on your Web site:
CSS Errors: Allows you to find CSS styles that exist but aren't being used, CSS classes that are associated with elements but haven't been defined, and mismatched cases when associating styles with elements
CSS Usage: Allows you to determine usage of the various CSS rules and classes
To run the CSS reports, choose Tools CSS Reports to open the CSS Reports dialog box, as shown in Figure 12.19. The Errors tab allows you run reports to check for CSS errors, and the Usage tab allows you to run reports on usages of various CSS classes and rules. To run a CSS Error report across an entire Web site, follow these steps:
In the CSS Reports dialog box, click the All Pages radio button and then click the appropriate check boxes for the issues you want to identify in the CSS implementation.
Click Check. This opens the CSS Reports task pane, as shown in Figure 12.20. You use the CSS Reports task pane to view ...