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

Si vous avez un filtre web, veuillez vous assurer que les domaines *. kastatic.org et *. kasandbox.org sont autorisés.

Contenu principal

CSS Zen Garden

Vous souhaitez rejoindre la discussion ?

Vous comprenez l'anglais ? Cliquez ici pour participer à d'autres discussions sur Khan Academy en anglais.

Transcription de la vidéo

Maintenant que vous avez vu une tonne de HTML, la suite complète de ce cours va traiter de CSS, et tout ce que vous pouvez faire en CSS. Pour vous donner envie et pour vous faire rester, je veux vous montrer un des meilleurs exemples de tout ce qu'on peut faire. C'est une site qui s'appelle csszengarden.com Vous pouvez y jetez un œil par vous-même après. CSS Zen Garden est site simple avec des titres, un arrière-plan, du texte et tout ce qu'on voit habituellement. Mais ce qui est cool sur ce site, c'est que c'est une collection de modèles de mise en forme de personnes qui prennent exactement le même HTML et modifie seulement le CSS pour voir jusqu'où on peut aller, juste avec du CSS. Laissez-moi vous montrer. En voici un autre. Rappelez-vous, c'est exactement le même HTML que vous avez vu dans la page précédente. La seule différence est le CSS. En voici un autre. Il n'y a pas que les couleurs qui changent, mais aussi la disposition des éléments de la page qui se fait dans un autre ordre. Celui-ci donne un rendu vraiment différent. Ça ressemble à un paysage urbain avec ce titre qui descend ici, et il y a les mérites ici, et ouah, c'est animé ! Tout ça, juste en CSS. Ce n'est peut-être pas du CSS que vous connaissez déjà mais si vous continuez, tout cela sera disponible, à portée de vos doigts. Si vous fournissez suffisamment de travail, vous serez capable de faire de magnifiques sites qui ressembleront exactement à ce à quoi vous voudrez qu'ils ressemblent. Continuez !