Como usar CSS ?

E ai pessoal primeiro Tutorial com o tema CSS.

Este aqui tem como objetivo ensinar a aplicar css em um página HTML.

Para aplicarmos formação css existe 3 maneiras e eu irei mostrar na ordem de importancia, aquela em que o navegador olha primeiro, mas lembrando a melhor forma de utilizar e a terceira:

Para isso vamos supor que eu tenha apenas um titulo na página com a Tag h1

Ex:

ex

## Modo 1 – Aplicação direta na Tag

No modo direto dentro da propria tag adicionamos a propriedade style e adicionamos a formatação em css. Nesse exemplo estamos colocando a tag h1 na cor verde, fonte tamanho 50 e alinhamento centralizado.

modo1essa forma é a menos utilizada devido a manutenção do código.

## Modo 2 – Aplicação com a Tag Style

A ideia é quanto mais separado melhor entao esta maneira separa a tag da formatação. Isso ocorre utilizando a tag style na cabeça do nosso documento.

ex2

## Modo 3 – Aplicação com arquivo CSS separado

Nesse modo trabalhamos com arquivos separados de mod mais simples  e  organizado. O html em um arquivo linkado a um arquivo css contendo todo a sua formatação. Para manutenção de um site sem duvidas essa é a melhor maneira. Veja:

Arquivo html com link para ligar com o arquivo formatacao.css

arq

arquivo html

Arquivo CSS contendo apenas a formatação em css.

arquivo css

arquivo css

é isso ai galera espero que vocês tenham entendido bem as formas de adicionar css a um apágina HTML.

Qualquer duvida, opnião entre outros é so deixar um comentário que será retornado.

(=  Abraços =)

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: