Pesquisando...
21 janeiro 2010

O que é CSS?

Hoje me dispus a escrever sobre CSS. CSS são as siglas de Cascading Style Sheets, em português Folhas de Estilo em Cascata. Elas são usadas na criação de páginas para facilitar sua formatação: de linhas,  cores, tabelas, fontes, margens,  alturas, imagens de fundo, larguras e posicionamentos. É um arquivo separado da página.
Na linguagem HTML também pode-se definir o layout do site, porém a CSS é oferece mais opções e facilita a manutenção da mesma.

Exemplo:

<p style="color:red;font-weight:italic">O parágrafo sairá com a cor vermelha e em itálico</p>


1- Crie o arquivo com a declaração dos estilos (CSS):

É um arquivo de texto normal, pórem savlo com a extensão .css. Copie e cole o código abaixo eu um editor de texto, o bloco de notas por exemplo.

P {
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;
}
H1 {
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}
BODY {
background-color : #006600;
font-family : arial;
color : White;
}
2- Salve com o nome de "estilos.css".
3- Linkamos a página web com a folha de estilos

Para isso vamos colocar a etiqueta <LINK> com os atributos
* type="text/css" porque o arquivo é de texto, em sintaxe CSS.
* rel="stylesheet" indicando que o link é uma folha de estilo.
* href="/estilos.css" indica o nome do arquivo fonte dos estilos.

Vejamos uma página web inteira que linka com a declaração de estilos anterior:

<html>
<head>
<link type="text/css" rel="stylesheet" href="/estilos.css">
<title>Minha página</title>
</head>
<body>
<h1>Minha página</h1>
<p>
Esta página está vinculada ao arquivo estilos.css
</p>
</body>
</html>
Em 21 janeiro 2010

0 comentários:

Postar um comentário