qual se aplica a regra;uma propriedade (no exemplo, 'color' e 'background-color', duas propriedades distintas), que especifica qual e o aspecto do layout que esta sendo estilizado;e um valor ('purple' e '#d8da3d'), que fornece o valor da propriedade.No exemplo nota-se que as regras podem ser combinadas. Ali estao escritas duas propriedades. Poderiamos ter escrito duas regras separadamente sem combina-las:body { color: purple }body { background-color: #d8da3d }mas, como as duas regras valem para o elemento body, escrevemos uma so vez o elemento e colocamos as propriedades com seus valores, juntas. Para saber mais sobre seletores consulte capitulo 2 do Lie & Bos.A cor de fundo (background-color) do elemento body valera para todo o documento. Nos nao escrevemos nenhuma regra adicional colocando fundo de outra cor para os outros elementos da pagina (p, li, address...) entao por 'default' eles nao terao cor de fundo (ou seja: serao transparentes). A propriedade 'color' determina a cor dos textos para o elemento body e todos os elementos contidos em body herdarao esta cor, a menos que uma outra regra CSS determine uma cor diferente para qualquer elemento na pagina. (Mais adiante nos escreveremos uma regra assim.)Agora, salve seu arquivo (use Save no menu File ) e volte a janela do seu browser. De um "Reload" (Atualizar) na pagina e seu aspecto mudara, mostrando as cores adicionadas pelas regras CSS escritas. A excecao da lista de links na parte superior, o texto devera estar na cor purpura sobre um fundo amarelo esverdeado.A pagina com cores adicionadas, renderizada em um browser.Cores podem ser escritas em CSS de variadas maneira. Neste exemplo mostrei duas delas: pelo nome da cor (purple) e por seu codigo hexadecimal (#d8da3d). Existem cerca de 140 nomes para cores e o codigo hexadecimal permite especificar mais de 16 milhoes de cores. Mais explicacoes sobre cores em Adicionando um toque de estilo.PASSO 3: ADICIONANDO FONTESOutra coisa bem facil de se estilizar sao as fontes para os elementos da pagina. Vamos escolher fonte Georgia para os textos, exceto para o cabecalho h1 ao qual atribuiremos a fonte Helvetica.Voce nunca tera como saber quais sao as fontes que os visitantes do seu site tem instaladas em suas maquinas, por isso e de boa tecnica sempre especificarmos fontes alternativas nas folhas de estilos: se a fonte Georgia nao estiver disponivel as fontes Times New Roman ou Times ira substitui-la sem grandes prejuizos e ainda mais, se ambas tambem estiverem indisponiveis o browser do visitante usara uma fonte (with serif) com serifas. Se a fonte Helvetica nao estiver instalada, as fontes Geneva, Arial e SunSans-Regular sao similares e se nenhuma delas estiver disponivel o browser usara uma fonte sem serifas.No seu editor de textos acresente mais estas linhas:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head> <title>Minha primeira pagina CSS</title> <style type="text/css"> body { font-family: Georgia, "Times New Roman", Times, serif; color: purple; background-color: #d8da3d } h1 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif } </style></head><body>[etc.]Salve o arquivo, abra novamente o browser e de um "Reload" (Atualizar) na pagina para visualizar as fontes diferentes para o cabecalho h1 e o restante do texto.Agora cabecalho