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>
Nenhum comentário:
Postar um comentário