If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

CSS Zen Garden

Quer participar da conversa?

Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.

Transcrição de vídeo

RKA11C Agora que você já viu várias tags de html, o resto deste curso será sobre css e tudo que você pode fazer com ele. Para te deixar animado e interessado, quero mostrar um dos melhores exemplos de tudo que você pode fazer. Este site é chamado "csszengarden.com". Css Zen Garden é uma simples página com títulos, planos de fundo, textos e todas essas coisas. Mas a parte legal sobre ele é a galeria de design das pessoas que pegam o mesmo html e mudam apenas o css para ver o quanto pode ser mudado. Deixa eu te mostrar aqui. Aqui está mais um. Lembre-se: esse é o mesmo html visto, da página anterior, a única diferença é o css. E aqui está mais um. Não são apenas as cores que mudam, mas as coisas são colocadas na página em uma ordem diferente. Este aqui fica muito diferente! Então, parece que esta paisagem com este título se encaixa aqui, e esses créditos e as coisas estão animadas. E tudo isso é apenas css. Se você continuar, todo esse conteúdo estará disponível na ponta dos seus dedos. Se você trabalhar bastante, será capaz de fazer websites incríveis que se pareçam exatamente com o que você quiser. Continue estudando!