Search
CSS Style Guide
Dec. 23, 2007
Controlling font appearance through the use of Cascading Style Sheet.
This website makes use of Cascading Style Sheet (CSS) code to control the appearance of fonts. CSS makes it possible to control the appearance of text throughout the website in just one location. The main style sheet for this website is “/css/style.css”, which is displayed at the bottom of this page.
Four basic font types
There are four basic font types in use in this new site. Their CSS names on this website are:
- title
- date
- subtitle
- text
To change the appearance of particular text, you need to apply the CSS attribute to the parent tag. For example, most paragraphs are surrounded by the <p>
and </p> tags. The first of those two is the tag to which the CSS attribute must be applied:
The following examples are provided so you can see the attributes in use.
| <p class=title>This is the Title</p> | This is the Title |
| <p class=date>This is the date</p> | This is the date |
| <p class=subtitle>This is the subtitle</p> | This is the subtitle |
| <p class=text>This is the text</p> | This is the text |
Formatting Links
To control the appearance of a link, the CSS attribute “text” must be applied to the <a> tag. For example:
| <a class=text href=”styleguide/”>This link points to this page</a> | This link points to this page |
Should any other style questions come up, the answers will be appended to this page.
CSS code for this website
Below is the actual CSS code running this website at this time. Changes to this code would instantly alter the appearance of the entire website. However, you do not need to worry about editing this page.