BlueGEEK Journal

Accueil > Manip’s > CSS > 2- Feuilles de style survol

CSS

2- Feuilles de style survol

dimanche 1er janvier 2006, par bluegyn_spip

Feuilles de style survol

Globalement retenons que la feuille de style peut être spécifique de la page et annoncée par les fameuses balises

  • <style>
  • </style>

On parle de Style Interne

Ou spécifique de la totalité d’un site comportant des centaines de pages, on parle alors de Style Externe

Chaque page WEB injectant le style général contenu dans la "FeuilledeStyle.css" par une seule directive

  • <LINK HREF="maFeuilledeStyle.css" ... etc>

Ce qui économise à la fois du temps et des ressources, principe premier de l’informatique !

Au niveau d’une page WEB le style général peut être modifié au niveau même d’une balise en incluant l’argument STYLE entre les crochets de cette balise

  • < !— STYLE PUBLIC —>
  • <STYLE>
  • HR width:50%
  • </STYLE>
  • <HR>
  • < !— STYLE PRIVE —>
  • <HR STYLE="width:100%">
  • <HR>

Toutes les balises publiques HR sont modifiées "en cascade" avec une largeur de 50%

Sauf celle du milieu qui est forcée à 100%

=> Le programmeur reconnaît ici la notion de "Portée des Variables" (en anglais SCOPE), ce qui peut nous faire dire que HTML n’est pas un "petit langage" très différent des autres

La portée du Style peut également se propager à tout un paragraphe

  • <P STYLE="...">

Avec la création de nouvelles balises

  • DIV, SPAN et ID que nous développerons dans de prochaines leçons...