www.flickr.com

O QUE É CSS?

Aprenda neste tutorial a utilizar CSS!

CSS nada mais é que a sigla Cascading Style Sheet (Folha de estilo em cascata). O CSS vai definir: as cores da sua página, a fonte, estilo de linhas e bordas, etc. Existem 3 tipos de CSS que serão ensinados a seguir.

CSS INLINE

Este estilo é ideal para você que, por exemplo, quer o texto da sua página todo preto e apenas uma linha ou palavra em vermelho. Fica assim:



<p style="color:#FF0000>Texto</p>




É bom utilizar o CSS Incorporado, pois este definirá o CSS da página. Lembrando que este Estilo Inline altera apenas o que estiver dentro das tags <p> e </p>.

CSS INCORPORADO

Este css é ideal para "estilizar" toda a sua página. Ele vai definir toda a estrutura de: fonte, cor, alinhamento, links, etc.







<style> body {font-family: tahoma; font-size: 10px; color: #7A4F1A;} </style>




CSS EXTERNO

Ele possui a mesma função do incorporado. Mas a diferença é que ao invés de você colocar todo o css dentro do html, você vai colocar em um arquivo à parte. Este css é indicado para quem tem muitas páginas! Crie um arquivo .css com as tags abaixo:



body {font-family: tahoma; font-size: 10px; color: #7A4F1A;}




Agora é só colocar isso entre as tags <head> e </head>



<link href="NOMEDOARQUIVO.css" rel="stylesheet" type="text/css" />





Pronto! Agora que você aprendeu a utilizar os 3 tipos de CSS, dê uma olhada nos Atributos. Tutorial por Nana - © Proibida cópia total ou parcial.