Tendo em conta que podemos colocar os códigos CSS dentro de um ficheiro próprio com extensão .css, os tutoriais seguintes vão apenas conter o selector, propriedade e o valor. Ou seja:

1. body {
2. background-color: #000000;
3. color: #ffffff;
4. font-family: arial, verdana, tahoma, sans-serif;
5. }

• body - neste caso é o selector
• background-color, color e font-family - são as propriedades
• as cores em RGB: #000000, #ffffff e arial, verdana, tahoma, sans-serif são os valores

Neste exemplo, demos estilo à tag , ou seja a todos o conteúdo que estiver dentro dessa tag, o background vai ser preto, o texto vai estar a branco e vai ter aquele tipo de letra, primeiro arial, no caso do utilizador não tiver arial, vê com verdana e por conseguinte.

Os códigos podem ser colocado da primeira forma que indiquei ou da forma seguinte para ocupar menos espaço:

1. body { background-color: #000000; color: #ffffff; font-family: arial, verdana, tahoma, sans-serif; }

A primeira funciona bem para se ler melhor os códigos, mas a segunda pode dar mais jeito para ter todos os selectores seguidos (na vertical) e ter as propriedades todas definidas numa só linha. É da maneira que quiseres optar, que te der mais jeito.