Users Viewing This Thread

28-08-2009 15:24

CSS é a sigla em inglês para Cascading Style Sheet que em português foi traduzido para folha de estilo em cascata.

Folhas de estilo CSS: Como iniciar

Para linkar uma folha de estilo é utilizado o segunte código:

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

O código geral para se formatar o body é o segunte: (este inclui a cor ou imagem de fundo (url), aa margens...)

<head>
...........
<style type="text/css">

</style>
...........
</head>

A introdução de títuos nos cabeçalhos é feito com o seguinte código:

<h1><font color="#000000">Título</font></h1>

Regra: Deve-se usar sempre o ponto e vírgula no fim de cada classe.

Exemplo: body {
background: #000000;
}

Os valores adicionados nas classes, quando escritos por palavras, deverão estar sempre entre aspas.

Exemplo:
h3 {
font-family: "Helvetica"
}

Fontes

Definir a cor da fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h1>Cabeçalho com letras vermelhas</h1>
<h2>Cabeçalho com letras verdes</h2>
<p>Parágrafo com letras azuis</p>
</body>
</html>

Tipo de fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h2>Família por nome: arial, helvetica, serif;</h2>
<p>Família genérica: sans-serif;<p>
</body>
</html>

Tamanho da fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h1>Letras com tamanho: 14px</h1>
<h2>Letras com tamanho: smaller</h2>
<p>Letras com tamanho:100%</p>
</body>
</html>

Estilo da Fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h1>Este é o estilo italic</h1>
<h2>Este é o estilo normal</h2>
<p>Este é o estilo oblique</p>
</body>
</html>

Wink

Isto é o básico de CSS para a construção de Sites. O CSS limita-se a editar o estilo da página, pois para adicionar novas div's é necessário fazê-lo com HTML. Smile

Votação: Linguagem de Progamação preferida
	PHP
	MySQL
	C
	Java

Tópicos possivelmente relacionados...
Tópico:		Autor	Respostas:	Visualizações:	Último Post
	Introdução ao CSS - Background.	Cálem	3	786	02-09-2009 15:56 Último Post: .:JT:.

Modo por Tópicos \| Modo Linear Introdução ao CSS - Códigos base.
Autor	Mensagem

Users Viewing This Thread
1 Guest(s)