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!!!
Comentários