HTML & CSS Tutorials by cssbasics.com

The syntax for CSS is different than that of (X)HTML markup. Though it is not too confusing, once you take a look at it. It consists of only 3 parts.

The class selector allows you to style items within the same (X)HTML element differently. Similiar to what I mentioned in the introduction about inline styles. Except with classes the style can be overwritten by changing out stylesheets. You can use the same class selector again and again.

As you may have guessed, the margin property declares the margin between an (X)HTML element and the elements around it. The margin property can be set for the top, left, right and bottom of an element.

Padding is the distance between the border of an (X)HTML element and the content within it.

The syntax for pseudo elements is a bit different than that of regular CSS, but it's real close.

Spans are very similar to divisions except they are an inline element versus a block level element. No linebreak is created when a span is declared.

IDs are similar to classes, except once a specific id has been declared it cannot be used again within the same (X)HTML file.

A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it's style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on...) are accomplished within...