CSS - RicardoHorta.Net - www.ricardohorta.net

.css ? Eu, heim ?

Você pode centralizar a formatação do seu site num arquivo externo, com extensão .css. O que nele for definido ( estou falando de formatação ), será aplicado em todas as páginas, propiciando-lhe melhor controle sobre as alterações e um enorme ganho de tempo.

Como crio este arquivo com extensão .css ?

Criando a folha de estilo.

No seu editor de HTML preferido ou se preferir, no nosso velho e conhecido Bloco de notas, abra uma folha em branco. Se o editor de HTML criar as tags padrão ( <html>, <body> ),...

A folha de estilo deve conter apenas a definição dos atributos.

Com a folha de estilo em branco, você pode, então, incluir as formatações para o seu site.

Quero definir uma formatação genérica para todo o texto.

Então, você irá utilizar a tag <body>. Inclua-a , seguida de um conjunto de chaves { }

Quero definir Arial como a fonte padrão.

Quero 10 pontos para o tamanho da fonte.

A cor da fonte será preta. A altura da linha será 50% maior do que a altura da fonte.

A cor da fonte é controlada pelo atributo color. A altura da linha é controlada por line-height.
A sintaxe ficará assim: color:#000000;line-height:150%;

Agora, quero definir uma cor para o fundo da página.

Sim. Esta cor será aplicada em todas as páginas do site. Vamos lá. O atributo é background-color.

body { background-color:#FFFFCC; }

Vamos salvar o arquivo ?

E como eu faço isto ?

Criando o link.

Dentro do cabeçalho ( <head>...</head> ), insira o link para o arquivo folhadeestilo.css:

<link rel="stylesheet" href="folhadeestilo.css" type="text/css">

Toda a formatação desta página está concentrada no arquivo folhadeestilo.css. Não só desta página, como das outras que forem criadas, pois basta inserir a linha de comando.
E o resultado será este.

Quero ressaltar os títulos

OK. Vamos repetir a formatação que você utilizou no módulo class:

P.paragrafotitulo {font-size:11pt;color:#FFFFFF;background-color:#0099FF;text-align:justify;align-height:150%;padding:3pt;}