Visitor

Reads - CSS Tutorials

What the heck is CSS, anyway? I don't understand a CSS document! How do I apply CSS style sheets? How do I customize lists? How can I customize the scrollbar? How do I insert comments in my CSS document?

I don't understand a CSS documnent!

CSS syntax is quite simple to understand. Here is an example to clear things up: <style> body { color: black; font-family: Arial; font-size: medium; background-color: white; } </style> A CSS document begins with the tag <style>, which tells your browser that this is the start of a CSS document. It ends with the tag </style>, which tells your browser that this is the end of the CSS document.

A selector is defined, followed by a curly bracket. Afterwards, a property is defined followed by a colon, which is followed by a value to customize the property. A semi-colon separates properties. In this case, the selector is 'body', the properties are 'color', 'font-family', 'font-size' and 'background-color', and the value is 'black', 'Arial', 'medium' and 'white'.

The 'body' property applies to generally everything in between the 'body' tags (<body>...</body>). Using the coding above, the text will be be in black, using the font 'Arial' with a normal size. The background of the page will be white.

You can customize a ton of properties using CSS. For a list of all properties, click here.

H O M E