Começando no CSS



O que é CSS?

CSS nada mais é que uma linguagem usada para personalizar e organizar sua página WEB, seja ela em HTML, PHP…

Como eu uso CSS?

Você precisa adicionar o código

<style type=”text/css”>

<!–

CÓDIGO CSS

–>

</style>

Que deverá ficar entre as tags <head> e </head> de sua página. Sua página deverá ficar assim:

<html>

<head>

<style type=”text/css”>

<!–

CÓDIGO CSS

–>

</style>

</head>

<body>

CORPO DA PÁGINA

</body>

</html>

Onde type=”text/css” mostra para a página que o style é um CSS, e os <!– e –> são para comentar os códigos para eles não aparecerem em sua página web.

No CSS você pode fazer muitas coisas, como por exemplo, a cor do fundo da página com a tag body { } nela você pode setar a cor da página…

body { background-color: #ccc; }

Este código deixará a página com um fundo cinza.

O que é esse #ccc? 

São as cores usadas em html, na verdade ele seria o #CCCCCC, mas o CSS deixa elas serem resumidas. Você pode ver mais cores aqui.

Você pode usar o body { } para setar também a cor da fonte, o estilo, o tamanho, a margem da página e por aí vai…

 body { background-color: #ccc; color: #330000; margin:70px; font-family :Verdana, Geneva, Arial, sans-serif; font-size:10px; }

Separando o código acima temos:

background-color: #ccc;

Deixará o fundo com a cor cinza (#CCCCCC).

color: #330000;

Deixará a fonte com a cor roxa (#330000).

margin:70px;

Deixará na página uma margem de 70px (70 pixels)

font-family:Verdana, Geneva, Arial, sans-serif;

Fará com que a fonte padrão da página seja Verdana ou Geneva ou Arial.

font-size:10px;

Deixara o tamanho da fonte em 10px (10 pixels).

Espero ter ajudado!!!


0 comentários:

Postar um comentário

Subir Bajar