| 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='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} |