Cascading Style Sheets (CSS) kan vara mycket sofistikerade. CSS är ett sätt att skilja utseende och känsla från innehållet. Dessa stilregler placeras ofta i huvudområdet i ett HTML-dokument eller i en separat fil helt och hållet som är länkad till HTML-sidan (för SharePoint 2010 är det ofta huvudsidan).
Du kan ändra färgen på hyperlänkar för en hel webbplats så länge som det tar att skriva flera tecken!
Stilar kan skapas för specifika HTML-element, till exempel H1 (rubrik ett). Dessa stilar tillämpas automatiskt när dessa element används i innehållet. Anpassade stilar, som .mystyleheader, tillämpas specifikt efter önskemål. CSS används för teckensnitt, bakgrunder, storlek och placering och många andra visuella instruktioner för webbläsaren. Webbläsaren har redan ett standardsätt för att presentera bland annat text och rubriker.
En CSS-regel innehåller elementet och en eller flera deskriptorer. Elementet kan vara ett HTML-element eller en anpassad (klass) stil som kan tillämpas efter önskemål:
-
HTML-element: Egenskapsbeskrivningar i det här HTML-elementexemplet inkluderar färgen på texten, teckensnitt, teckenstorlek och teckensnittsfamilj (självförklarande).
h1 { färg: röd; typsnittsstil: fet ; teckenstorlek: 16px; teckensnittsfamilj: arial; }
-
Anpassad klassstil: Den anpassade regeln är densamma, förutom att CSS har några genvägsformat.
.mystyleheader { färg: röd; teckensnitt: fet 16px arial; }
HTML-elementet och klasserna som visas i de föregående CSS-reglerna kallas väljare . Reglerna som definieras för väljaren tillämpas på allt på din webbsida som matchar HTML-elementet eller den anpassade klassen. Exemplen som visas här är mycket enkla. Väljare kan bli mycket komplexa när du behöver tillämpa regler på element som är inkapslade djupt på din webbsida.
SharePoint har tusentals CSS-regler, och det krävs tålamod och erfarenhet för att hitta, ta reda på och skapa dina egna stilar för att åsidosätta dessa fördefinierade stilar.
Å andra sidan, om du vill ändra ett par teckenstorlekar, bakgrundsbilderna för den översta navigeringen, logotypen och/eller utseendet på den vänstra navigeringen, kanske du kan kopiera stilmallen som är kopplad till en fördefinierad master och ändra dessa få saker.
Klassen .mystyleheader visas i föregående lista för att enkelt definiera skillnaden mellan HTML-elementet och en anpassad klassstil. Klassnamn som används av SharePoint och skapas av dig har mer meningsfulla namn.
När du skapar dina egna stilnamn, hur frestande det än kan vara att namnge en stil .redlink eller .blueheading, så fort du använder den stilen på flera platser, kommer teamet att vilja ändra färgen! Så beskriv elementet utifrån dess innehållsavsikt, inte dess färger eller egenskaper.

En del av filen core4.css i SharePoint.