CSS
Bom, esse é o sumário do meu tutorial de CSS :D!O que é CSS?
CSS é o que muda a fonta, a cor e o tamanho dela, os links (quando você passa o mouse em cima, por exemplo) e várias outras coisas da sua página. Resumindo, ele que faz a sua página teras cores, fotnes e etc. que você quer e não ter a fonte Times e links azuis sublinhados.
Legal, e como eu faço isso?
Bom, CSS não é nenhum bicho de 7 cabeças pra falar a verdade. Existem 3 tipos de CSS:
inline, embutido e externo.
CSS Inline
É quando você põe as alterações que quer em uma tag dentro da própria tag! Eu recomendo usar esse tipo de CSS quando você quiser que apenas 1 das tags <p> da sua página (por exemplo) fique diferente das outras. Ex:
<p style="color:#FFFFFF; background-color:#000000;"> </p>
O problema com esse tipo de CSS é que ele só muda uma tag específica, então se você quiser deixar todas iguais, alem de dar um trabalhão pra fazer, quando você mudar de layout via ser uma praga. Par te salvar, tem o CSS Embutido!
CSS Embutido
São os atributos de CSS (lista de alguns atributos de CSS abaixo) que são colocados dentro da tag <head>, entre as tags <style> e </style>. É bom usar esse tipo de CSS quando você quer que todas as tags <p> da usa página (por exemplo) tenham a mesma aparencia. Ex:
<style>
p{
color:#FFFFFF;
background-color:#000000;
}
</style>
Bom, esse tipo já é bem mais vantajoso que o inline, o problema é que se você tiver muitas páginas no seu blog e quiser fazer uma mudancinha de nada, vai ter que mudar isso em todos os arquivos. Por isso, temos o lindo e perfeito CSS externo <3!
CSS Externo
No CSS externo você põe os atributos que quer na sua página como no CSS Embutido, com a diferença de que você não precisa por as tags <style> e </style>, porque, como o próprio nome diz, o CSS Externo fica em um outro arquivo com extensão .css .Ex:
p{
color:#FFFFFF;
background-color:#000000;
}
Agora, o que faz desse tipo de CSS o mais recomendado pra quem tem sites/blog/etc com mais de uma página, é que quando você mudar de layout, só tem que mudar os atributos do seu CSS em 1 arquivo, que ele mudará em todas as páginas! Para você definir quais arquivos usarão o estilo de CSS que você criou, é só acrescentar essa linha entre as tags <head> e </head>:
<link href="nome_do_seu_arquivo.css" rel="stylesheet" type="text/css" />
Espero que esse tutorial tenha esclarecido suas dúvidas sobre CSS A_A! Agora, você pode acessar as outras partes do tutorial:
Class
Redefinição de Tag
Atributos de CSS
Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?
