Aprendendo CSS 01: Que diabos é isso?

Então, você, meu amigo, tá querendo fazer sites, arrumar teu blog, pegar mulheres? Pois com o CSS (Cascading Style Sheets) você vai conseguir fazer tudo isso, exceto o último.

Bom, primeiro vamos ver o que é CSS: CSS é uma linguagem de estilo que serve para você organizar o modo como as coisas aparecem nos sites ou qualquer outra página da Internet. Todos os sites da Internet (exceto os feios) têm CSS nos seus códigos.

No entanto CSS é apenas uma Folha de Estilo anexada ao site, que deve ser construído em HTML. Portanto, para entender o CSS é necessário que se tenha um mínimo de conhecimento sobre HTML. Vamos ver um exemplo do que o CSS pode fazer:

Texto apenas em HTML

O HTML vai ter o texto, e indicar quais são títulos, palavras em negrito e links. Quando não são definidas regras de estilo, as fontes, cores e tamanhos a serem exibidas serão as padrões de cada navegador, podendo haver inclusive diferenciação quando um mesmo site é visualizado em diferentes computadores. Existem muitas regras de estilo que podem ser definidas apenas com HTML, no entanto esse método é muito pouco prático por sujar demais o código, e jamais deve ser usado em sites profissionais

Texto em HTML mais CSS

Quando o CSS é adicionado ao HTML, o navegador sabe exatamente como exibir aquele conteúdo. Propriedades como imagem de fundo, cor da borda, margem, fonte do texto e inúmeras outras podem ser definidas. As palavras em negrito e os links anteriormente definidos com HTML continuam funcionando, mas agora suas cores e estilos podem ser melhor controlados.

Perceberam como funciona? O HTML entra com o conteúdo, o CSS com as regras de estilo. É claro que você não precisa fazer um carnaval amarelão como o do segundo quadro, esse foi só um exemplo pra vocês terem uma noção de como é que é o negócio. Ok, em breve posto a nossa próxima lição. Até mais!

(Próxima lição)