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.