Dois-je styliser mon site Web avec « html » ou « body » ?

Comprendre le style CSS global : choix d'élément entre « html » et « body »

Dans la conception Web, le style CSS global est souvent appliqué à éléments dans les balises 'html' et 'body'. Bien que ce choix puisse sembler arbitraire, il existe des différences subtiles à prendre en compte.

Pratique standard : application de styles globaux au « corps »

Traditionnellement, le style de page global est appliqué à l'élément « corps ». Cela est dû à la préséance historique des attributs de présentation (par exemple, bgcolor, background) attribués à « body ». Dans les navigateurs modernes, ces attributs sont traduits en règles CSS avec une faible spécificité, donnant ainsi la priorité à tout style défini par l'utilisateur.

Exceptions : styles spécifiques au HTML et comportement de la fenêtre d'affichage

Bien que « corps » soit le choix par défaut, certains styles peuvent être appliqués à « html » pour influencer les comportements spécifiques du navigateur. Par exemple, un style tel que « overflow : hided » sur « html » peut supprimer les barres de défilement. De plus, les styles sur « html » et « body » peuvent être combinés pour des effets visuels intéressants.

Contexte de la fenêtre

Il est important de noter que l'élément « html » est pas la fenêtre elle-même. La fenêtre établit le bloc contenant initial, qui est distinct du document HTML. Par conséquent, le CSS ciblant la fenêtre d'affichage ne peut pas être utilisé sur 'html'.

Propriétés héritées

Application des propriétés héritées par défaut (par exemple, font-family) à l'un ou l'autre « html » ou « body » ne fait aucune différence pratique. Le style sera propagé aux éléments enfants quel que soit l'élément parent choisi.

Conclusion

Bien que « body » soit le choix conventionnel pour le style CSS global, comprendre les différents les rôles de « html » et de « corps » permettent une conception Web efficace et flexible. Tenez compte du but et des effets souhaités de vos styles lorsque vous décidez quel élément cibler.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!