Como aplicar Estilo CSS em sua pagina

Imprimir esta pagina
Imprimir

Css é um mecanismo que pode acrescentar estilo (indicar fontes, cores, parágrafos, espaçamento, etc)
 

Os estilos que você está vendo abaixo pode ser usado individualmente pois cada um tem sua função.
Devem ser usados entre a tag <head> e </head>.
Devem estar entre as tags:
<STYLE TYPE="text/css"> e </STYLE>

Exemplo:
<STYLE TYPEE="text/css">
h1 { color: #1e90ff; font-family: verdana; font-size: 13pt;}
</STYLE>

Isto significa que quanto você colocar a tag <h1> no texto ele usará a configuração usado no estilo css.
Você pode usar o seu estilo, por exemplo:

<STYLE TYPE="text/css">
.Tony Gifs Javas { color: #1e90ff; font-family: verdana; font-size: 13pt;}
</STYLE>

Isto significa que colocando esse estilo em sua página e ao digitar o texto, e colocar <font class=TonyGifsJavas>seu texto</font> o texto dentro desse font class usará a configuração que você colocou no estilo. E você pode usar um estilo para cada tipo de texto basta nomeá-los e mudar dentro do corpo do texto o font class.


<STYLE TYPE="text/css">
body { color: #1e90ff; font-family: verdana; font-size: 8pt; }
</STYLE>
Com o estilo acima todos os texto que estão dentro da tag body terão a configuração do css.

<STYLE TYPE="text/css">
body , th, td { color: #1e90ff; font-family: verdana; font-size: 8pt; }
</STYLE>
Com o estilo acima todos os textos que estão dentro da tag body terão a configuração do css inclusive os textos dentro da tabela.

texto

h1 { color: #1e90ff; font-family: verdana; font-size: 13pt;}

texto

h2 { color: #1e90ff; font-family: verdana; font-size: 12pt; }

texto

h3 { color: #1e90ff; font-family: verdana; font-size: 11pt; }

texto

h4 { color: #1e90ff; font-family: verdana; font-size: 10pt; }
texto
h5 { color: #1e90ff; font-family: verdana; font-size: 9pt; }
texto
h6 { color: #1e90ff; font-family: verdana; font-size: 8pt; }

para o link normal
a:link { color: #000000; font-family: verdana; font-size: 10pt; }

para o link visitado
a:visited { color: #000000; font-family: verdana; font-size: 10pt; }

para o link ao ser clicado
a:active { color: #000000; font-family: verdana; font-size: 10pt; }

para o link ao passar o mouse
a:hover { color: #000000; font-family: verdana; font-size: 10pt; }

para fontes em negrito você usará a linha abaixo no estilo css e terá que colocar o texto entre:
<font class=manchete>seu texto</font>
.manchete { color: #1e90ff; font-family: verdana; font-size: 20pt; font-weight:bold; font-weight:bold;}

para colocar um texto com fundo terá que colocar a linha abaixo e colocar o texto entre:
<font class=m>seu texto</font>
.m { color: #1e90ff; font-family: verdana; font-size: 10pt; color: #000000; background-color: #f8f8f8; width:150;}