Cascading Style Sheets und Sharepoint 2010

Cascading Style Sheets (CSS) kann sehr anspruchsvoll sein. CSS ist eine Möglichkeit, Blick zu trennen und aus dem Inhalt fühlen. Diese Stilregeln oft im Kopfbereich eines HTML-Dokuments platziert werden oder in einer separaten Datei zusammen, die auf der HTML-Seite verknüpft ist (für Sharepoint 2010, ist es oft der Master-Seite).

Sie können in so lange die Farbe von Hyperlinks für eine ganze Website zu ändern, wie es dauert mehrere Zeichen eingeben!

Styles können für bestimmte HTML-Elemente erzeugt werden, wie zum Beispiel H1 (Überschrift eins). Diese Stile gelten automatisch, wenn diese Elemente im Inhalt verwendet werden. Benutzerdefinierte Stile, wie .mystyleheader, sind speziell nach Wunsch angewandt. CSS ist für Schriftart, Hintergründe, Größe und Positionierung, und viele andere visuelle Anweisungen für den Browser verwendet. Der Browser hat bereits eine Standard-Möglichkeit, Text und Überschriften zu präsentieren, unter anderem.

Eine CSS-Regel enthält das Element und ein oder mehrere Deskriptoren. Das Element kann ein HTML-Element oder eine benutzerdefinierte (Klasse) beschaffen sein, dass wie gewünscht angewendet werden kann:

• HTML-Element: Eigenschaften Deskriptoren in diesem HTML-Element umfassen beispielsweise die Farbe des Textes, Schriftart, Schriftgröße und Schriftfamilie (selbsterklärend).

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

• Benutzerdefinierte Klassenstil: Die benutzerdefinierte Regel ist die gleiche, mit der Ausnahme, dass CSS einige Shortcut-Formate hat.

.mystyleheader {color: rot- font: bold 16px arial-}

Das HTML-Element und Klassen in den vorhergehenden CSS-Regeln gezeigt sind aufgerufen, Selektoren. Die Regeln für die Wähler definiert sind, um alles in Ihrer Webseite angewendet, die das HTML-Element oder benutzerdefinierte Klasse entspricht. Die hier gezeigten Beispiele sind sehr einfach. Selektoren können sehr komplex, wenn Sie brauchen Regeln, um Elemente anzuwenden, die tief in Ihre Web-Seite verschachtelt sind.

Sharepoint hat tausende von CSS-Regeln, und es braucht Geduld und Erfahrung zu finden, herauszufinden, und erstellen Sie Ihre eigenen Stile diese vordefinierte Stile außer Kraft zu setzen.

Auf der anderen Seite, wenn Sie die Hintergrundbilder der oberen Navigation, das Logo und / oder das Aussehen der linken Navigation, können Sie in der Lage sein, das Stylesheet zu kopieren, die mit einem vordefinierten Master ein paar Schriftgrößen ändern möchten, und ändern die wenigen Elemente.

Das .mystyleheader Klasse ist in der vorhergehenden Liste gezeigt, leicht den Unterschied zwischen dem HTML-Element definieren und einer benutzerdefinierten Klassen Stil. Klassennamen, die von Sharepoint verwendet und erstellt von Ihnen haben mehr aussagekräftige Namen.

Wenn Sie Ihren eigenen Stil Namen erstellen, so verlockend es auch sein mag, einen Stil zu nennen .redlink oder .blueheading, nur so schnell, wie Sie diesen Stil in mehreren Orten anwenden, werden Sie wollen das Team um die Farbe zu ändern! So beschreiben das Element durch seinen Inhalt Absicht, nicht seine Farben oder Eigenschaften.