Les fichiers .css

• *Les fichiers .css** (« Cascade Styles Sheets ») permettent de définir l'aspect, le design de l'application et de tous ses éléments. Ils permettent de proposer plusieurs « thèmes », c'est à dire plusieurs aspects de l'application (l'utilisateur peut choisir celui qui lui convient le mieux).

Ce fichier .css contient principalement toutes les définitions sous cette forme :

 <selecteur> { <définition de l'aspect de l'élément> }

p.e. :

 label.monParagraphe { font-family:'Times New Roman'; font-[[size:12px;]]}

… se lit :

 « Tous les éléments de type 'label' qui auront pour classe 'monParagraphe'
 (<label class="monParagraphe">) afficheront leur texte (leur 'value')
 en utilisant la police 'Times New Roman' et une taille de police
 de 12px »

Ou p.e. :

 vbox#maBelleBoite {background-color:#0000ff; color:#ffffff;}

… se lit :

 « La boîte verticale (vbox) qui a pour id (#) 'maBelleBoite' aura une
 couleur de fond (background-color) bleue (#0000ff) et ses caractères
 (color) seront blancs (#ffffff). »
 

Dans le « monde de XUL », la définition de ces styles connaît une utilisation plus étendue, grâce à des (?) préfixés par « -moz- ». (lien vers le résumé de l'utilisation de ces ? ).