Quelques notions théoriques
ConceptSéparation fond-forme⚓
Scenari permet à l'auteur d'expliciter ses intentions. L'application se charge ensuite de traduire cette intention en expression graphique.
C'est-à-dire que l'auteur de dit pas texte en gras mais important.
Ensuite, selon les supports de publication (web, diaporama, pdf, ... ou synthèse vocale dans le futur) l'outil se charge de "traduire" l'information important en gras, en rouge clignotant, en souligné, ... ou en voix de femme adulte grave.
Les feuilles CSS⚓
Une feuille CSS est un fichier qui sert à mettre en forme un contenu HTML.
Elle est composée d'un ensemble de règles qui elles-mêmes contiennent des instructions.
ExempleExemple de règle CSS⚓
.home #navigation a span {
display: inline-block;
padding-top: 10px;
border: 1px solid red;
}
Signifie :
"tous les éléments span qui sont dans un élément a, lui-même dans un élément qui a comme id "navigation", lui-même dans un élément de classe css "home" auront les propriétés suivantes : affichage de type bloc en ligne, espace de 10 pixels au-dessus, et bordure rouge pleine de 1 pixel"
Remarque
Quand plusieurs règles peuvent s'appliquer au même élément HTML, c'est la règle la plus précise qui prend le dessus. Par exemple la règle .home div.toto est plus précise que div.toto qui elle-même est plus précise que .toto.
S'il y a plusieurs règles identiques, c'est la règle qui est le plus bas dans le fichier qui prend le dessus.
C'est pour cela qu'en règle générale, quand on fait un skin, on copie la règle que l'on souhaite changer en fin de fichier, afin de ne pas toucher aux règles initiales (peut être utile en cas d'évolution de l'habillage original).