Le principe de base est celui utilisé par le CSS dans les pages web.
Au lieu de spécifier toujours le formatage (couleur / police / mise en page [dans une certaine mesure]) de votre contenu, vous décrivez simplement quel type de contenu il s'agit.
Prenons un exemple web, dans le contenu d'une page de blog, vous pourriez marquer différentes sections comme étant un :
- Titre
- Article de blog
- Volet d'archive
etc.
L'article peut être composé de plusieurs sous-sections telles que "titre", "corps" et "horodatage".
Ensuite, ailleurs, vous avez une feuille de style qui spécifie toutes les propriétés de chaque type d'élément, taille, alignement, couleur, arrière-plan, police, etc. Lors du rendu de la page ou du dessin / initialisation des composants dans votre interface utilisateur, vous consultez toujours la feuille de style actuelle pour consulter ces propriétés.
Ensuite, le thème, et en fait l'édition de votre design, devient BEAUCOUP plus facile. Vous créez simplement une feuille de style différente et ajustez les valeurs à votre convenance.
Éditer :
Un point clé à retenir est la distinction entre un style général (comme les classes en CSS) et un style spécifique (comme les ID en CSS). Vous voulez pouvoir identifier de manière unique certains éléments de votre mise en page, comme l'entête, en tant qu'élément unique que vous pouvez appliquer un style spécifique, tandis que d'autres éléments (comme un article dans un blog ou un champ dans une vue de base de données) voudront tous avoir le même style.