Estrutura do CSS
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:
- body {
- background-color: #000000;
- color: #ffffff;
- font-family: arial, verdana, tahoma, sans-serif;
- }
- 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 <body>, 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:
- 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.
