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='css1.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 {color:blue}
h2 {color:navy}
h3 {color:olive}
h4 {color:purple}
h5 {color:maroon}
p  {font-weight:bold; 
    color:red;}

Resultado do Navegador