Home
  Graphics
  Tables
  CSS
  JavaScript
  Links

Cascading Style Sheets


Ah...CSS...The closest tool to an HTML Eden (besides tables) that you can do. CSS is the tool that will make your site easier to update, navigate and format. Also, its not that hard. I don't use CSS much on this site, considering that this site is not to impress people, but give them useful information. Although CSS is not perfected yet, it is still usable and fun.

First off, Webmonkey has some tutorials you might want to check out. Also, their Stylesheets Guide which has some nice info. I think that they could do a better job than me with CSS, so you should check them out.

Anyway, as I was saying, Css is very easy. There are three ways that you can use css. First, you can create a file with a .css extension and link to it. This is the best way to do it, because you can link many pages to it and update them all with a few clicks. Another way is to declare them at the top of a page. This is simpler, but not as effective. You would need to put it on every page. The third way is to declare them in-line, or in the tag that is used in.

Well, enough with the intro, lets go.

This paragraph was made with a stylesheet command. With just a few changes, I could change the font, size, and color. This was declared in-line.

So, here's how it was done:

<p style="font size: 110%; color: blue; font-weight: normal; font-family: monospace, Helvetica, non-serif">This paragraph was made with a stylesheet command. With just a few changes, I could change the font, size, and color. This was declared in-line.</p>

As you can see, all that I did was change a few properties. You may wonder "What's so good about it, when you can so it with HTML?" Well, the answer's very simple. As i said above, you can link to a specially made stylesheet. Imagine, every <p> would do the same font, color, and others, with out typing it but once. CSS also works on images and tables.

Questions or comments? Email me at Burnout39@lycos.com


Back to main