Web|Loyola University Chicago

Web

searchform
This siteLUC.edu

Style Sheets & Typography

Text styles for templates

Cascading Style Sheets (CSS) are used extensively on Loyola's Web pages to maintain a consistent visual style and to control the appearance of text. Basically, a style sheet file contains instructions that define the look and feel for multiple Web pages, effectively separating the styling of a page from its content and structure. This simplifies updating a style across a large siteā€”just change the style sheet, and all pages that reference that style sheet will be updated as well. (Styles can also be defined for a single page, but this should only be done when the style is unique to that page.)

Text styles for templates

CSS files have been developed for each major template design. Examples of common text styles used on Loyola's Web templates:

  • Department Home Page Styles
  • General & Simple Template Styles
  • Schools/College & Directory Site Styles

Recommendations

  1. Use the text styles defined in Loyola style sheets and presented in the official Web templates (i.e. use a h1 header tag for a page header).
  2. Use relative font sizes whenever possible so that users (especially those with low vision) can adjust the size. Most text styles in Loyola style sheets use relative (percentage-based) font sizes.
  3. Keep most text close to the default size. Use larger font sizes, bold text and italics sparingly for emphasis.
  4. Don't change the default formatting of links. Avoid underlining text that isn't a link.

More information about CSS



Edit this page