Cette fonction n'est accessible qu'en mode expert.

Elle est accessible à partir du menu "Modèles/Styles/Modifier..." ou en cliquant sur le bouton "Modifier le style" de l'onglet "Opérations" de la barre d'outils de gauche.

Elle invoque une boîte de dialogue, constituée d'une liste de classes de style CSS (figure 4.29).

Pour exporter la feuille de style courante dans un fichier CSS (*.css), utiliser le bouton "Exporter liste".

Pour importer une autre feuille CSS, utiliser le bouton "Importer liste". Si des éléments importés ont le même nom que des éléments existants, les nouvelles valeurs prévalent sur les anciennes.

Pour créer un élément, cliquer sur le bouton "Ajouter" : cet élément apparaîtra ensuite sur fond bleu dans le modèle, et pourra éventuellement être supprimé avec le bouton "Enlever" (les autres éléments ne peuvent être enlevés).

Pour modifier un élément, sélectionner cet élément puis cliquer sur le bouton "Modifier", ou double cliquer sur l'élément (colonne de gauche).

Cette action ouvre une boîte de dialogue (figure 4.30), contenant un mini éditeur de texte permettant de saisir les spécifications CSS de l'élément choisi.  Chaque spécification doit se terminer par un point virgule (si vous l'oubliez, WIT l'ajoutera).

• Le bouton "Aide sur CSS" ouvre le manuel utilisateur au chapitre CSS.
• Le bouton "Insérer une couleur RGB" insère une spécification de couleur RGB (rouge, vert, bleu) à partir du sélecteur de couleurs de Windows et copie un texte de la forme RGB(xx, yy, zz) au point d'insertion du mini éditeur.
• Le bouton "Insérer une URL (image)" insère une image (par exemple pour illustrer un arrière plan). L'image est ensuite copiée dans le sous répertoire "extra" du projet WIT courant.

Les pages suivantes explicitent l'usage de CSS et l'organisation d'un modèle de style.