Vidéo: Tutoriel CSS/jQuery : Ecran Retina 2025
Les feuilles de style en cascade (CSS) peuvent être très sophistiquées. CSS est un moyen de séparer l'aspect et la convivialité du contenu. Ces règles de style sont souvent placées dans la zone de tête d'un document HTML ou dans un fichier distinct lié à la page HTML (pour SharePoint 2010, il s'agit souvent de la page maître).
Vous pouvez changer la couleur des liens hypertexte pour un site entier aussi longtemps qu'il faut pour taper plusieurs caractères!
Des styles peuvent être créés pour des éléments HTML spécifiques, tels que H1 (en-tête un). Ces styles s'appliquent automatiquement lorsque ces éléments sont utilisés dans le contenu. Styles personnalisés, tels que. mystyleheader, sont spécifiquement appliqués comme désiré. CSS est utilisé pour la police, les arrière-plans, la taille et le positionnement, et de nombreuses autres instructions visuelles pour le navigateur. Le navigateur a déjà une manière par défaut de présenter du texte et des en-têtes, entre autres choses.
Une règle CSS contient l'élément et un ou plusieurs descripteurs. L'élément peut être un élément HTML ou un style personnalisé (classe) pouvant être appliqué comme souhaité:
-
Élément HTML: Les descripteurs de propriétés dans cet exemple d'élément HTML incluent la couleur du texte, le style de police, la taille de la police et la famille de police (explicite).
h1 {couleur: rouge; style de police: gras; taille de police: 16px; font-family: arial;} -
Style de classe personnalisé: La règle personnalisée est la même, sauf que CSS a des formats de raccourcis.
. mystyleheader {couleur: rouge; font: bold 16px arial;}
L'élément HTML et les classes montrés dans les règles CSS précédentes sont appelés selectors . Les règles définies pour le sélecteur s'appliquent à tous les éléments de votre page Web qui correspondent à l'élément HTML ou à la classe personnalisée. Les exemples présentés ici sont très simples. Les sélecteurs peuvent devenir très complexes lorsque vous devez appliquer des règles à des éléments imbriqués profondément dans votre page Web.
SharePoint propose des milliers de règles CSS. Il faut de la patience et de l'expérience pour trouver, trouver et créer vos propres styles afin de remplacer ces styles prédéfinis.
D'autre part, si vous voulez changer quelques tailles de police, les images d'arrière-plan de la navigation supérieure, le logo et / ou l'apparence de la navigation de gauche, vous pouvez copier la feuille de style associée à un maître prédéfini et modifiez ces quelques éléments.
Le. La classe mystyleheader est affichée dans la liste précédente pour définir facilement la différence entre l'élément HTML et un style de classe personnalisé. Les noms de classe utilisés par SharePoint et créés par vous ont des noms plus significatifs.
Lorsque vous créez vos propres noms de style, aussi tentant que cela puisse être pour nommer un style.Redlink ou. blueheading, dès que vous appliquez ce style dans plusieurs endroits, l'équipe voudra changer la couleur! Donc décrivez l'élément par son intention de contenu, pas ses couleurs ou ses propriétés.
