• SIG Home
• August 2004
• January 2007
• June 2007

• Index Page
• The CSS
• Demo of Tricks
• How It Works

Demo of text sizes (H1)

This is an H2

This is an H3

This is an H4

This is an H5

This is an H6:

Setting up web sites with CSS and HTML is a little bit more difficult than the old way of sticking all the code in HTML and letting 'er rip. However, the first time you have to make any changes to the site, you'll love CSS. Rather than make repetitive and error-prone changes to all of the files on the site, you change just the CSS file and everything is changed: the colors of the background and text, the fonts, the width of the menu bar on each page, the logo, the color of headlines, etc. is all controlled via one CSS file.

There are some important things to learn about using CSS with HTML, however. The first is that you need to create a way of differentiating different uses for the same element. You wouldn't want your menu list to look like a list of items for sale. Class and ID to the rescue. Consider the following CSS which creates two classes of unordered lists (ul), one "menu" and the other "dots:"