| English | >> Português << | По-русски | ZVON > Tutorials > CSS tutorial |
| Introdução / Procura / ZVON |
| >> Exemplo 1 << | Anterior | Próximo | Conteúdos |
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 HTML | folha 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;} |