Using Stylesheets

Linking to stylesheets is done through the include_stylesheet controller method. This method generates <link> tags based on either URL's or file names. For example, within a template, the following will generate a <link> tag:

[my include_stylesheet http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css]

As will this:

[my include_stylesheet relative/local/url.css]

Or this:

[my include_image mystyle.css]

These examples show the various targets for the links.

• An absolute URL, as in the first example,
• A relative URL, which is treated as the file path under the public/stylesheets subdirectory.
• A file name, which will be located as described in the Locating Static Resources chapter with public/stylesheets as the search root.

Stylesheets in the default layout

The default layout will automatically include links to stylesheets if the pagevar object contains the element stylesheets. See the Default Page Layout chapter for more details.