Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
Chegamos finalmente ao modo mais
proveitoso de usar CSS em nossas páginas. As folhas de
estilo vinculadas permitem a definição de toda
a formatação de nossas páginas em um único
arquivo. Este arquivo tem a extensão .css e é
reconhecido por todos os browsers que suportam CSS como um arquivo
de formatação, da mesma maneira que o .js é
reconhecido como um arquivo JavaScript.
Um .css é um arquivo texto, portanto, você não
precisa de nenhum editor especial para escrevê-lo. Vamos
ver como criar um arquivo .css bem simples. Abra um editor de
texto qualquer (pode ser o Bloco de Notas do Windows) e digite
o seguinte código:
/* Arquivo .css */
body {background-color: yellow; font-family: verdana;
font-size: 80%}
p {text-align: justify; text-indent: 4em}
a {text-decoration: none; color: red}
a:hover {text-decoration: underline}
Agora dê um nome ao seu arquivo (estilo1, por exemplo)
e salve-o com a extensão .css. Caso você deseje
ver este código pronto, basta abrir o arquivo estilo1.css
na pasta de exemplos.
Pronto! Já temos o nosso arquivo .css criado e pronto
para ser usado. No momento não vamos discutir as propriedades
e valores definidos nas declarações. Nas próximas
partes examinaremos todas elas. Agora, crie uma página
HTML e insira alguns parágrafos, títulos e outros
elementos. Você pode criar uma página com o seguinte
conteúdo:
<html>
<head>
<title>Página usando um arquivo .css</title>
</head>
<body>
<h2>Está é uma página usando uma
folha de estilo vinculada</h2>
<p>Esta página usa uma folha de estilo vinculada.
Ao usar este modo de inserção
de CSS em suas páginas você tem controle total
sobre os aspectos da formatação.
Por exemplo, todas as páginas, que fizerem o link para
o arquivo css terão a
mesma formatação. Você pode definir uma
característica para todos os elementos.
Veja a cor de fundo, a tabulação deste parágrafo,
<a href="http://www.arquivodecodigos.net">Passe
o mouse sobre este link</a>. Vamos lá! altere todos
os códigos e você verá que
com o uso do CSS o limite é a sua imaginação.</p>
</body>
</html>
Ok! Com a página devidamente escrita, salve-a na pasta
que o arquivo .css está salvo (só para fazer o
teste), vá até a parte <head></head>
e digite o seguite código:
Execute a página e veja o resultado. Não é
perfeito? A partir de agora você pode escrever outras
páginas e fazer o link para o arquivo .css que a formatação
de todas será idêntica. Mais tarde, se você
quiser fazer alguma alteração nas cores ou outras
propriedades dos elementos, basta editar este arquivo.
Caso você precise, o caminho do arquivo .css a ser vinculado
pode ser tanto absoluto quanto relativo, ou seja, você
pode usar http://www.arquivodecodigos.net/estilo.css ou ../../pasta/estilos/estilo.css.
Para ver o exemplo de uma página pronta com um link para
o arquivo .css estudado nesta parte do curso, execute o arquivo
lab1-7.htm.
Todo o conteúdo deste site,
quando não devidamente observado, pertence a seus idealizadores
e não
poderá ser usado para outras finalidades senão estudo e
aprimoramento de técnicas de programação.
Certifique-se de ler asnotas legaisantes de proceder com
o acesso e leitura do
conteúdo disponibilizado nestas páginas.
Precisa de um freelancer, códigos-fonte e exemplos completos?
Códigos-fonte 
Bancos de Dados
Usuários On-Line
Folhas de estilo vinculadas
Veja dicas, truques e anotações de 
