O que é? Como usar?
SH Forum :: Design e Web Design :: Programação :: CSS :: Tutoriais e Vídeo Aulas
Página 1 de 1
O que é? Como usar?
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]
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]
Tópicos semelhantes
» 30 Dicas Para Usar Photoshop
» como fazer um OTserver
» como monto o jogo?
» Como criar um habbo v40
» Fluxograma – Como pegar um homem
» como fazer um OTserver
» como monto o jogo?
» Como criar um habbo v40
» Fluxograma – Como pegar um homem
SH Forum :: Design e Web Design :: Programação :: CSS :: Tutoriais e Vídeo Aulas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos