Salesforce uses different
stylesheets (.css files) throughout the application to ensure that every tab conforms to the Salesforce look and feel. These stylesheets
are automatically included on a Visualforce page unless you specify false for the showHeader attribute of the <apex:page> tag.
When you disable the inclusion of the Salesforce stylesheets, only your custom
stylesheets affect the styling of the page. For the purposes of building up styles that
partially or fully match the Salesforce
look and feel, you might want to look at and use selected contents from the default
stylesheets.
The following stylesheets contain style classes you can reference. They are located in the
/dCSS/ directory of your
Salesforce instance.
-
dStandard.css – Contains the majority of style definitions
for standard objects and tabs.
-
allCustom.css – Contains style definitions for custom
tabs.