MaraHTML

¤ CSS Tutorial ¤

Getting Started With CSS

- written by Rickasawrr

CSS stands for Cascading Stylesheet although most people just refer to them as styles. They come in handy when you find yourself writing the same formatting code over and over. For example, let's say you have a table on your page. And you want the text in each table cell to be red, Verdana font and 12pt in size. Normally, you would have to write that out for each and every table cell on your page. But if you use a style instead, you only have to write it once.

For just about every HTML tag in existence, there is a way to manipulate it using a stylesheet. However, I'm going to try to keep things as simple as possible here and just stick to the basics. If you want to learn more about styles, simply do an online search for "CSS Tutorial".

The Style Tag:
Every style starts and ends with an open and closing STYLE tag. And, while it can technically go anywhere on the page, your best bet is to put at the very beginning of your document, ahead of the BODY tag. In fact, if your web page document is using a HEAD tag (not needed on Marasites), that's where you'd put your STYLE tags. On Marasites, you can put your STYLE tags in your Marasite Header. STYLE tags typically look like this:

<style type="text/css">
Style information goes here
</style>

Css Syntax:
Inside the style tags is where the css begins. Using Css, you declare which HTML tag you want to manipulate, followed by curly brackets. These symbols act like the HTML ">" symbols. Whatever is inside them is executed to the HTML. Below is an example of changing the link font color to blue:

Notice how the link tag <a> is followed by a curly bracket, then some declarations, with a colon, and a semicolon, ending with a curly bracket?

Css Comments
Css comments are used to explain your code, and it helps you when you are editing them. Comments are ignored by ALL browsers. A CSS comment begins with "/*", and ends with "*/", like this:

¤ NAVIGATION ¤

¤ Home

¤ HTML Tutorial:

Intro

Adding Graphics

Working With Text

Working With Colors

Adding Links

Creating Tables

Marquees

Scrollbars

Headers And Footers