SH Forum
Registre-se em nosso fórum!

Participe do fórum, é rápido e fácil

SH Forum
Registre-se em nosso fórum!
SH Forum
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

O que é? Como usar?

Ir para baixo

O que é? Como usar? Empty O que é? Como usar?

Mensagem  Eu Posto Seg maio 16, 2011 10:23 am

CSS têm a finalidade de dar uma forma de apresentação ao conteúdo do documento HTML


As três modalidades de folhas de estilos

As definições de estilos podem ser feitas por três vias:
Folha de estilos externa — Definem-se estilos que poderão ser adotados por todas as páginas do site criando um arquivo externo que contenha o código CSS. Assim, é possível realizar simultaneamente mudanças na aparência de todas as páginas que estiverem vinculadas a esse arquivo.
Folha de estilos interna — As definições são feitas na própria página e, neste caso, só nela os estilos funcionam.
Folha de estilos inline — Os estilos são definidos em um elemento específico para funcionarem só nele.



Exemplificando a utilização de folhas de estilos

Uma folha de estilos simples

body {
background-color: #F1F1F1;
font-family: Arial;
}
h1 {
background-color: Teal;
color: White;
text-align: center;
}
h2 {
color: Navy;
}
p {
font-size: 12pt;
}
Nesta folha de estilos foram utilizados somente seletores de tipo de elemento. Os elementos <body>, <h1>, <h2> e <p> terão a formatação nela definida. O código CSS apresentado tanto pode ser salvo num arquivo de texto à parte, constituindo uma folha de estilos externa, como pode também constituir uma folha de estilos interna.

Um documento HTML com folha de estilos externa

Considerando a folha de estilos acima como uma folha de estilos externa que foi salva com o nome estilos.css, eis um documento HTML a ela vinculado:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Testando Folhas de Estilos</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
<h1>Cabeçalho nivel 1</h1>
<h2>Cabeçalho nivel 2</h2>
<p>Parágrafo</p>
</body>
</html>


leia mais:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Eu Posto
Eu Posto

Mensagens : 210
Moedas : 690
Reputação : 16
Data de inscrição : 09/05/2011
Idade : 34

http://serverhabbo.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos