Carleton College: Home Admissions Academics Alumni News Campus Info Search Feedback
 You are here: Campus > Web Builders > Cascading Style Sheets


Cascading Style Sheets

Advanced users may be interested in automatically keeping their page's style consistant with the newest pages. It is now possible to implement a uniform set of text specifications (text size, color, etc) for all participating web pages at Carleton. In addition, the Carleton CSS is supplemented with a Javascript that makes the text specifications uniform across platform and browser.

Understanding the material on this page is not neccessary for most of your web design needs. It is included to allow for further customization of your pages' look without making your page look inconsistant with other sites around Carleton. If you're unsure, bring it up to your computing support specialist.

To use the new style sheet, be sure that you have installed the latest blue bar (which includes loading the Carleton style sheet).

Some features of the CSS happen without you doing anything, such as all text between P tags. To take full advantage of the style sheet, you can add class tags to your formatting tags. This is done by adding a "class=XXXX" attribute to appropriate tags e.g. 
<A HREF="index.html" class=smallText>a link in the "smallText" style</A>
<P class=smallText>Text formatted to be smaller than usual</P>
<SPAN class=smallText>Text formatted to be smaller than usual without a line break afterwards</SPAN>
Here's a brief run down of available tags (be sure to use the same case and spelling or the text will not be formatted):

Automatically formatted tags:
   H2, H3, P, UL, OL, LI, TABLE, TD, TR, B, STRONG

Classes:
  • text - Does the standard formatting e.g. to make large text in the middle of small text
  • smallText - Shrinks your text e.g. like this
  • maintained - The gray color and italics used in text in the attribution for pages e.g. this page by XXXX


Last Modified: 10/18/01
By Brian Patterson