English | >> Português << | По-русскиZVON > Tutorials > CSS tutorial
>> Exemplo 1 << | Anterior | Próximo | Conteúdos

Descrição

Neste tutorial irá aprender como definir a aparência das suas páginas a partir de um documento CSS central. Case-1 e Case-2 são baseados nos mesmo documentos HTML, mas estão a usar folhas de estilo diferentes para a sua formatação. A folha de estilos é especificada pelo elemento "link". O atributo "href" indica a localização do ficheiro de estilos, o atributo "type" deve conter o valor "text/css" e o atributo "rel" deve ter o valor "stylesheet".

Case 1 | >> Case 2 <<
Documento HTMLfolha de estilos CSS
<html>
<head>
<link rel='stylesheet' type='text/css' href='css2.css'>
<title>A CSS example</title>
</head>
<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<p>Text</p>
</body>
</html>
h1 {font-style:italic}
h2 {text-decoration:underline;}
h3 {text-transform:lowercase}
h4 {text-decoration:line-through}
h5 {text-transform:uppercase}
p  {color:green}

Resultado do Navegador