Exercice 4/26

Logique non ? Bien ! Cliquez sur Soumettre ma réponse pour continuer.

Leçon 4/26

Nous vous avons montré précédemment comment déclarer un style directement dans les balises HTML, de la manière suivante :

‹p style="color: red"›Texte en rouge !‹/p›

En fait, c'est une façon peu efficace de déclarer les styles utilisés par votre site internet pour les raisons que nous avons déjà mentionnées : vous devez écrire le même code à de multiples endroits et si vous voulez faire une modification importante de style sur plusieurs éléments, vous devrez modifier chacune des balises une par une. Avec un seul fichier CSS, il vous suffira de faire les modifications à un seul endroit !

Il y a deux manières de déclarer du CSS. La première est de mettre votre CSS entre des balises ‹style›‹/style›, directement dans votre fichier HTML. Ces balises ‹style› s'insèrent entre les balises ‹head›‹/head› de votre fichier HTML.

Commentaires les mieux notés

  • patricerameaux

    j'ai un peu de mal à accepter que les instructions présentes dans le head se répercutent dans le body, surtout si le head est fermé : c'est contraire à toute logique de programmation ...

  • mram Administrateur

    Le HTML n'est pas un langage de programmation, ce n'est pas du tout la même logique. C'est un langage sémantique qui sert à baliser un contenu textuel en lui donnant du sens.

  • tibeloute

    y a t'il des avantages à mettre du css avec cette méthode aujourd'hui ? est ce une technique très répandu ( y compris à l'international ?)

  • fallingup68-72

    Pas évident quand on est daltonien :')

4 Commentaires

  • patricerameaux

    patricerameaux

    j'ai un peu de mal à accepter que les instructions présentes dans le head se répercutent dans le body, surtout si le head est fermé : c'est contraire à toute logique de programmation ...

    le 23/09/2016 à 10h35

  • mram

    mram Administrateur

    Le HTML n'est pas un langage de programmation, ce n'est pas du tout la même logique. C'est un langage sémantique qui sert à baliser un contenu textuel en lui donnant du sens.

    le 23/09/2016 à 13h29

  • tibeloute

    tibeloute

    y a t'il des avantages à mettre du css avec cette méthode aujourd'hui ? est ce une technique très répandu ( y compris à l'international ?)

    le 05/02/2018 à 15h20

  • mram

    mram Administrateur

    Bonjour, tout dépend du contexte. Si vous n'avez qu'une seule page .html à styliser, pourquoi pas. Dès qu'il y a pluseurs pages .html à gérer, il vaut mieux utiliser un style externe. C'est plus maintenable dans le temps et ça respecte la séparation du contenu et de la forme.

    le 06/02/2018 à 12h05

  • fallingup68-72

    fallingup68-72

    Pas évident quand on est daltonien :')

    le 27/01/2018 à 11h39

index.html
<!DOCTYPE html> <html> <head> <style> p { color: purple; } </style> <title>Si c'est dedans, c'est dehors !</title> </head> <body> <p>Regardez ! Je suis violet !</p> </body> </html>