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

8 Commentaires

  • pruniermylene-97

    pruniermylene-97

    Bonjour, pourquoi est-ce le texte du <body> qui s'affiche en violet alors que la balise <style> se trouve dans le <head> et qu'on ne met rien dans le <body>? Je ne trouve pas ça logique, c'est assez perturbant.

    le 30/04/2021 à 07h43

  • meriam

    meriam Admin

    Bonjour, la balise style est une méthode d'implémentation css

    le 30/04/2021 à 14h19

  • zohrayagoubn-28

    zohrayagoubn-28

    c intéressant

    le 09/07/2020 à 17h16

  • 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 à 13h20

  • mram

    mram Admin

    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 à 10h05

  • fallingup68-72

    fallingup68-72

    Pas évident quand on est daltonien :')

    le 27/01/2018 à 09h39

  • mram

    mram Admin

    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 à 09h29

  • 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 à 06h35

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>