4. Le langage CSS 3

Une fois que vous avez compris que la partie HTML d’une page web n’est qu’un ensemble de balises, on peut se dire que c’est déjà bien suffisant. On sera capable de décrire et d’organiser notre contenu, pourquoi s’embêter avec un autre code ?

Et bien en fait, si la mission de HTML est d’organiser et de structurer votre page web, celle de CSS est de gérer son apparence. Par exemple, si vous voulez que vos paragraphes soient affichés en vert (pourquoi pas ?), et bien c’est impossible avec HTML.

On peut résumer la situation par le dialogue suivant : 

HTML : “Ok, j’ai ajouté un paragraphe à ma page web, mais je ne sais pas à quoi il ressemblera. Je n’y connais rien en couleurs etc. J’ai besoin de toi pour t’en occuper !

CSS : “Pas de problème. Je pense que du vert ça ira bien. Je vais mettre le texte en vert !

Comme vous pouvez le voir, les deux langages sont complémentaires, et on va passer notre temps à les utiliser ensemble.

Grâce au code CSS, notre page web a désormais un paragraphe vert :

Le contenu du site est identique, mais son apparence à changé grâce au code CSS !

Aussi, vous remarquerez que nous parlions de “balises” pour le code HTML, et que nous parlons de “règles” pour le CSS. On dit que l’on applique des règles CSS sur nos balises HTML.

Mais pourquoi avoir créé deux langages… Ce serait plus simple avec un seul langage qui ferait tout, non ?

Et bien, vous n’êtes pas les premiers à avoir pensé à cela ! En fait, à la base le Web n’était composé que d’un seul langage, le HTML. Mais contrairement à ce que vous pensez, ce n’était pas vraiment la belle vie !

Le code de la structure de la page et le design étaient mélangés, et il était très dur de s’y retrouver là-dedans. En fait, dites vous bien que si des ingénieurs surdoués ont décidé qu’il fallait créer deux langages, c’est surtout pour nous simplifier la tâche. On ne va donc pas cracher dans la soupe. 😉

Nous avons donc fait un rapide tour d’horizon des deux langages à la base du web. Mais comment ce code va se transformer en une belle page web pour nos futurs visiteurs ? C’est ce que nous devons voir tout de suite !