Estrutura do CSS
Calendário de artigos
S | T | Q | Q | S | S | D |
---|---|---|---|---|---|---|
voltar ao mês actual | ||||||
01 | 02 | 03 | 04 | |||
05 | 06 | 07 | 08 | 09 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 |
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 , 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.
- 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.
Comentários