css

CSS

Significa Cascading Style Sheet ( Folhas de estilo em Cascata);

Define como exibir os elementos HTML;

Não exigem plug-ins;

Mais fácil manutenção da codificação;

Estrutura do css

Seletor = Em qual tag será armazenada o estilo.

Propriedade = parâmetro da tag.

Valor = valor estipulado do parâmetro.

Como Definir um estilo

Inline;

<p Style=“color:red;”></p>

Embedded;

<Style type=“text/css”>

p { color:red; }

</Style>

Linked;

<link rel=“stylesheet” type=“text/css” src=“estilo.css”>

Diferenças de um HTML sem ou com CSS

HTML CSS <p> <font color=“red”>TEXT</font> </p>

<style type=“text/css”> p { color:red; }

</style>

Classes e ID Classes: São seletores especiais que permitem mudar estilos de

vários elementos (TAGS) da página HTML. Classes são representados por um “.”.

ID: Diferentes das classes, ID são podem ser atribuídas apenas uma vez dentro do mesmo documento html. ID são representados por um “#”.

CLASS ID

<p class=“cor1”></p>

<style type=“text/css”> .cor1 { color:red; }

</style>

<p id=“cor1”></p>

<style type=“text/css”> #cor1 { color:red; }

</style>