Cascading Style Sheets (CSS) kan være veldig sofistikert. CSS er en måte å skille utseende og følelse fra innholdet. Disse stilreglene er ofte plassert i hodeområdet til et HTML-dokument eller i en separat fil som er koblet til HTML-siden (for SharePoint 2010 er det ofte hovedsiden).
Du kan endre fargen på hyperkoblinger for et helt nettsted så lenge det tar å skrive flere tegn!
Stiler kan opprettes for spesifikke HTML-elementer, for eksempel H1 (overskrift én). Disse stilene gjelder automatisk når disse elementene brukes i innholdet. Egendefinerte stiler, for eksempel .mystyleheader, brukes spesifikt etter ønske. CSS brukes for font, bakgrunner, størrelse og plassering, og mange andre visuelle instruksjoner for nettleseren. Nettleseren har allerede en standard måte å presentere tekst og overskrifter på, blant annet.
En CSS-regel inneholder elementet og én eller flere deskriptorer. Elementet kan være et HTML-element eller en egendefinert (klasse) stil som kan brukes etter ønske:
-
HTML-element: Egenskapsbeskrivelser i dette HTML-elementeksemplet inkluderer fargen på teksten, skriftstil, skriftstørrelse og skriftfamilie (selvforklarende).
h1 { farge: rød; font-stil: fet ; skriftstørrelse: 16px; font-familie: arial; }
-
Egendefinert klassestil: Den egendefinerte regelen er den samme, bortsett fra at CSS har noen snarveisformater.
.mystyleheader { farge: rød; skrift: fet 16px arial; }
HTML-elementet og klassene vist i de foregående CSS-reglene kalles velgere . Reglene som er definert for velgeren, brukes på alt på nettsiden din som samsvarer med HTML-elementet eller den egendefinerte klassen. Eksemplene som vises her er veldig enkle. Velgere kan bli svært komplekse når du trenger å bruke regler på elementer som er nestet dypt på nettsiden din.
SharePoint har tusenvis av CSS-regler, og det krever tålmodighet og erfaring for å finne, finne ut og lage dine egne stiler for å overstyre disse forhåndsdefinerte stilene.
På den annen side, hvis du vil endre et par skriftstørrelser, bakgrunnsbildene til toppnavigasjonen, logoen og/eller utseendet til venstre navigasjon, kan du kanskje kopiere stilarket knyttet til en forhåndsdefinert master og endre de få elementene.
.mystyleheader-klassen vises i den foregående listen for enkelt å definere forskjellen mellom HTML-elementet og en egendefinert klassestil. Klassenavn brukt av SharePoint og opprettet av deg har mer meningsfylte navn.
Når du lager dine egne stilnavn, så fristende som det kan være å navngi en stil .redlink eller .blueheading, så snart du bruker den stilen på flere steder, vil teamet ønske å endre fargen! Så beskriv elementet ved dets innholdsintensjon, ikke dets farger eller egenskaper.
En del av core4.css-filen i SharePoint.