Feuilles de style en cascade et SharePoint 2010

category Ordinateurs et logiciels / Microsoft Office / Point de partage

Cascading Style Sheets (CSS) peuvent être très sophistiqués. CSS est un moyen de séparer look and feel du contenu. Ces règles de style sont souvent placés dans la zone de la tête d'un document HTML ou dans un fichier tout à fait distincte qui est lié à la page HTML (pour SharePoint 2010, il est souvent la page maître).

Vous pouvez changer la couleur des liens hypertexte pour un site entier en tant que qu'il faut pour taper plusieurs caractères!

Les styles peuvent être créés pour des éléments HTML spécifiques, tels que H1 (une seule position). Ces styles appliquent automatiquement lorsque ces éléments sont utilisés dans le contenu. Styles personnalisés, tels que .mystyleheader, sont appliqués en particulier comme souhaité. CSS est utilisé pour la police, de milieux, de la taille et de positionnement, et bien d'autres instructions visuelles pour le navigateur. Le navigateur a déjà une façon de présenter le texte et les en-têtes, entre autres choses défaut.

Une règle CSS contient l'élément et un ou plusieurs descripteurs. L'élément peut être un élément HTML ou un (classe) style personnalisé qui peut être appliqué comme souhaité:




  • Élément HTML: Propriétés descripteurs dans cet exemple élément HTML incluent la couleur du texte, le style de police, taille de police et la famille de polices (auto-explicative).

    h1 {color: rouge-font-style: bold - font-size: 16px; font-family: arial-}

  • Personnalisé style de classe: La règle personnalisée est la même, sauf que le CSS a certains formats de raccourci.

.mystyleheader {color: police rouges: bold 16px arial-}

L'élément HTML et les classes montré dans les règles CSS précédentes sont appelés sélecteurs. Les règles définies pour le sélecteur sont appliqués à tout dans votre page Web qui correspond à l'élément HTML ou classe personnalisée. Les exemples présentés ici sont très simples. Les sélecteurs peuvent devenir très complexes lorsque vous avez besoin d'appliquer des règles à des éléments qui sont imbriqués profondément dans votre page Web.

SharePoint a des milliers de règles CSS, et il faut de la patience et de l'expérience pour trouver, comprendre et créer vos propres styles pour remplacer ces styles prédéfinis.

D'autre part, si vous voulez changer un couple de tailles de polices, les images de fond de la barre de navigation supérieure, le logo et / ou l'aspect de la navigation de gauche, vous pourriez être en mesure de copier la feuille de style associée à un maître prédéfini et modifier ces quelques articles.

La .mystyleheader classe est affiché dans la liste précédente de définir facilement la différence entre l'élément HTML et un style de classe personnalisée. Les noms de classe utilisés par SharePoint et que vous avez créés ont des noms plus parlants.

Lorsque vous créez vos propres noms de style, aussi tentant que cela puisse être de nommer un style .RedLINK ou .blueheading, dès que vous appliquez ce style dans de multiples endroits, l'équipe voudra changer la couleur! Ainsi décrire l'élément par son intention contenu, et non ses couleurs ou propriétés.

Une partie du fichier core4.css dans SharePoint.
Une partie du fichier core4.css dans SharePoint.
Articles Similaires

A propos Auteur
Créer css balisage Créer css balisage

Tout document HTML peut inclure des informations de style écrit en utilisant CSS balisage. Néanmoins, la plupart des développeurs web isoler CSS balisage dans les documents de feuilles de style séparées et utilisent des liens vers ces feuilles…

Comment définir des classes pour HTML5 et CSS3 programmation Comment définir des classes pour HTML5 et CSS3 programmation

Vous pouvez facilement appliquer un style à tous les éléments d'un type particulier dans une page HTML5, mais parfois, vous voudrez peut-être d'avoir un contrôle plus serré de vos styles. Par exemple, vous voudrez peut-être avoir plus d'un…

Comment définir des styles pour plusieurs éléments pour HTML5 et CSS3 programmation Comment définir des styles pour plusieurs éléments pour HTML5 et CSS3 programmation

Parfois, vous voudrez peut-être un certain nombre d'éléments sur votre page web basée HTML5 et CSS3 pour partager des styles similaires. Jetez un oeil à cet exemple pour le voir en action.Les trois premiers titres ont tous des styles très…

Comment remplacer styles CSS3 Comment remplacer styles CSS3

Avec des styles CSS3 héritées vient la possibilité de remplacer une règle de style hérité. Par exemple, jetez un oeil sur le code ci-dessous pour avoir une idée de ce que cela pourrait signifier:overRide.htmlCette div a seulement le style du…

Comment utiliser les styles locaux pour HTML5 et CSS3 programmation Comment utiliser les styles locaux pour HTML5 et CSS3 programmation

Un style peut être défini directement dans le corps HTML5. Voici un exemple de ce type de code. Un style local est aussi parfois appelé un niveau élément style, car il modifie une instance particulière d'un élément de la…

Attributs CSS sélectionnés Attributs CSS sélectionnés

Ce tableau met en évidence les attributs CSS les plus couramment utilisés. Chacune de ces caractéristiques peut être appliquée à n'importe quel élément de conteneur dans une page. Le récipient peut être un élément unique désigné par…

Changement css avec javascript Changement css avec javascript

Tout comme vous pouvez utiliser javascript pour modifier le code HTML dans une page Web, vous pouvez également l'utiliser pour modifier les styles CSS. Le processus est très similaire.La première étape consiste à sélectionner l'élément…

Bases de CSS et douglas le robot javascript Bases de CSS et douglas le robot javascript

Dans ce projet, vous modifier et d'ajouter des styles à un robot HTML nommé Douglas. Douglas a été livré à l'usine de robot, ce matin. Ses compétences javascript sont outstanding- il n'a pas besoin de beaucoup d'entretien (juste une…

Éléments HTML de base Éléments HTML de base

HyperText Markup Language (HTML) est le langage de l'âme, où éléments dicter la forme et le style de votre contenu. Éléments HTML composent le codage téléchargé que vous voyez quand vous allez à une page Web dans votre navigateur Web…

Quatre types de feuilles de style en cascade dans la conception web Quatre types de feuilles de style en cascade dans la conception web

Cascading Style Sheets (CSS) se répartissent en quatre types différents (ou styles). Lorsque vous comprenez comment ces quatre types différents de travailler, vous serez coiffer vos pages Web plus efficacement.Pour garder votre CSS organisée,…

Comment feuilles de style en cascade améliorer html Comment feuilles de style en cascade améliorer html

CSS (Cascading Style Sheets) était une technologie recommandée par le World Wide Web Consortium (W3C) en 1996. Un moyen facile de comprendre le but de CSS est de le considérer comme un ajout à HTML qui permet de simplifier et d'améliorer la…

Comment construire styles de composés dans des feuilles de style en cascade (CSS) Comment construire styles de composés dans des feuilles de style en cascade (CSS)

Après que vous avez maîtrisé travailler avec classe personnalisée, tag redéfinit et styles d'identité dans Cascading Style Sheets (CSS), vous pouvez entrer dans les ligues majeures de styles de composés. Pour comprendre comment travailler…

Mise en place en html css Mise en place en html css

CSS est un langage de feuille de style utilisée pour définir l'apparence et le formatage d'un document écrit dans un langage de balisage - souvent HTML. UN style en ce sens, est un ensemble de formatage de texte des instructions, telles que la…

Comment feuilles de style en cascade (CSS) travail Comment feuilles de style en cascade (CSS) travail

CSS, ou Cascading Style SHEETs, est le code qui contrôle non seulement l'aspect visuel de vos éléments HTML individu, mais aussi où les éléments apparaissent dans la relation à l'autre, et parfois comment ils interagissent et animent. Entre…

» » » » Feuilles de style en cascade et SharePoint 2010