CSS (Cascading Style Sheets) - Folhas de Estilos
As folhas de estilos são descrições de como os documentos são apresentados no ecrâ ...
+ informação em: http://www.slideshare.net/sandrafonso/css-e-iframes
Os estilos podem ser criados na página HTML ou numa página externa de extensão .css.
A criação dos estilos numa página externa possibilita o seu uso em qualquer página html sem ter que repetir o código.
Exemplo:
Considere a seguinte folha de estilos gravada como o nome estilos.css
----------------------------------------------------- estilos.css
.titulos {
font-family: "Microsoft Sans Serif";
font-size: 24px;
color: #FF0000;
text-decoration: none;
background-color: #CCCCCC;
border: thin solid #FF9900;
margin: 6px;
padding: 6px;
}
-----------------------------------------------------------
Na pagina estilos.css foi definido o estilo titulos para aplicar a textos .
Supondo que é criada a página conteudos.html e que se pretende aplicar o estilos titulos aos textos.
Para tal, é necessário incluir a folha de estilos na página. Para isso coloca-se na tag head a seguinte instrução:
<head>
.......
<link href="estilos.css" rel="stylesheet" type="text/css" />
......
</head>
Para aplicar o estilo inclui-se a página e utiliza-se class na tag onde se vai aplicar o estilo.
------------------------------------------------------------------------------- conteudos.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="/redes_2009/redes_11ano/estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="titulos">Conteúdos</p>
<p>blá blá blá</p>
</body>
</html>
--------------------------------------------------------------------------------
|