Locating style rules in applications

CSS rules can be coded in many places within an application, and in some ways that is unfortunate. Several CSS rules that define the same property can be targeted to the same design element; the browser figures out which rule applies and then renders the element accordingly. If an element is not styling the way you expect it to, you may have to look in several places to find the rogue rule. You will find CSS easier to work with if you co-locate all rules in the same place.

The following topics illustrate several ways in which CSS rules can be inserted into forms and pages.

Use a page design element

A page design element can be used to store CSS rules. Create the page and use Designer to edit the rules. The page name can be anything you like, but it is well to name the page in a way that identifies it as containing CSS rules, as in this example:

Web Sandbox 05 CSS | websandbox05.css

It is critical to identify the content type of the page as text/css on...