Qu’est-ce que CSS ?

Bonjour,

Dans ce cours, nous allons apprendre le CSS, un langage logiciel qui améliorera l’aspect visuel de nos pages web.

Si vous ne connaissez pas bien le HTML, terminez d’abord le cours Premiers pas avec le HTML. 

Si vous vous dites que vous connaissez déjà le HTML, commençons.

Dans cette partie de notre cours, nous allons apprendre pourquoi nous avons besoin du CSS.

Tout d’abord, posons-nous la première question qui m’est venue à l’esprit lorsque j’ai appris le CSS.

Pourquoi devons-nous apprendre un langage supplémentaire pour faire ce que le HTML ne peut pas faire ?

Tout d’abord, rappelons-nous ce que fait le HTML. 

Le HTML est un langage que nous utilisons pour présenter les données présentes sur les pages web (texte, éléments visuels, formules, etc.) plus clairement aux utilisateurs.

Par exemple, imaginons que nous rédigions un article dans un cahier. 

Si nous supprimons le point, la virgule et les autres signes de ponctuation de notre article, nous risquons de déformer ce que nous voulons dire aux personnes qui le liront.

Il existe également des balises HTML que nous utilisons pour exprimer plus clairement les informations que nous voulons communiquer aux utilisateurs sur les pages web.

Une page web est un document HTML, et les navigateurs recherchent un document HTML pour exécuter la page. Vous pouvez donc considérer un document HTML comme la base d’une page web.

Alors, que fait le CSS ?

Le CSS est une technologie conçue pour fournir l’aspect visuel qui fait défaut au HTML lors de la présentation de nos données.

Réfléchissons à l’aide d’une autre analogie. Imaginez que vous construisiez une maison. La fonction principale d’une maison est d’abriter les personnes qui y vivront. C’est ce que fait le HTML.

Le but premier d’une page web est de fournir des informations aux personnes qui l’ouvrent dans leur navigateur. Le CSS est une technologie qui fournit la peinture extérieure de cette maison, ses décorations et le positionnement approprié de ses fenêtres.

Même si les pages web idéales ne contiennent pas de CSS (par exemple, Wikipedia), HTML remplit sa mission principale, car il transporte les données. Cependant, CSS aide HTML à présenter ces données à l’utilisateur de manière plus claire et plus esthétique.

L’image ci-dessus est une capture d’écran du site wikipedia.com dont les styles sont désactivés. 

Autrement dit, en utilisant uniquement le langage HTML, nous pouvons obtenir pour nos visiteurs un résultat tel que celui présenté ci-dessus.

Observons maintenant le résultat après avoir réactivé le code CSS.

Comme vous pouvez le constater, les données présentées sur le site ne changent pas, mais grâce au CSS, notre site devient simplement plus convivial pour les utilisateurs.

Avec la version actuelle du CSS, le CSS3, il a acquis de nombreuses possibilités visuelles.

Nous avons appris ce qu’est le CSS. Avant de passer à la section suivante,

examinons les questions les plus fréquemment posées sur le CSS.

Depuis quand utilise-t-on le CSS (Cascading Style Sheets) ?

Le CSS est une technologie utilisée depuis 1996.

Puis-je créer une page web sans utiliser le CSS ?

Oui, c’est possible. Mais elle sera probablement si laide qu’aucun utilisateur n’y entrera. Sans CSS, une page web ne peut pas vraiment être appelée une page web.

Les grandes applications web comme Facebook, Google et Amazon utilisent-elles le CSS ?

Oui, et pas seulement celles-ci : toutes les pages web que vous ouvrez dans le navigateur utilisent le CSS.

Le CSS est-il difficile à apprendre ?

Le CSS est facile à apprendre. Nous écrirons le code comme si nous parlions anglais. Cependant, les développeurs de logiciels trouvent souvent certaines difficultés mineures. 

Par exemple, comment positionner les blocs sur la page. Nous nous concentrerons sur ces problèmes et sur d’autres similaires. À la fin de notre cours, vous aurez assurément appris le CSS.

Avez-vous des conseils à me donner pendant l’apprentissage du CSS ?

Oui. Vous pouvez apprendre le CSS très rapidement en pratiquant beaucoup.

Félicitations. 🥳🥳🥳

Vous avez terminé la leçon « Qu’est-ce que CSS ? ».

Dans la prochaine section, nous découvrirons l’introduction à CSS.

Vous pouvez cliquer pour continuer dans la prochaine section.