Video: SharePoint: Working with CSS styles | lynda.com tutorial 2024
Cascading Style Sheets (CSS) kan være svært sofistikert. CSS er en måte å skille ut og se ut fra innholdet. Disse stilreglene plasseres ofte i hovedeområdet til et HTML-dokument eller i en egen fil som er koblet til HTML-siden (for SharePoint 2010, det er ofte mastersiden).
Du kan endre fargen på hyperkoblinger for et helt nettsted så lenge det tar å skrive flere tegn!
Stiler kan opprettes for bestemte HTML-elementer, for eksempel H1 (overskrift 1). Disse stilene gjelder automatisk når disse elementene brukes i innholdet. Tilpassede stiler, for eksempel. mystyleheader, er spesifikt brukt som ønsket. CSS brukes til font, bakgrunner, størrelse og posisjonering, og mange andre visuelle instruksjoner for nettleseren. Nettleseren har allerede en standard måte å presentere tekst og overskrifter på blant annet på.
En CSS-regel inneholder elementet og en eller flere beskrivere. Elementet kan være et HTML-element eller en tilpasset (klasse) stil som kan brukes som ønsket:
-
HTML-element: Egenskapsbeskrivelser i dette HTML-elementeksemplet inkluderer farge på teksten, skrifttypestilen, skriftstørrelsen, og skriftfamilie (selvforklarende).
h1 {farge: rød; font-style: bold; skriftstørrelse: 16px; font-family: arial;}
-
Tilpasset klassestil: Den tilpassede regelen er den samme, bortsett fra at CSS har noen snarveiformater.
. mystyleheader {farge: rød; font: bold 16px arial;}
HTML-elementet og klassene som vises i de foregående CSS-reglene kalles selectors . Reglene som er definert for väljeren, blir brukt på alt på websiden din som samsvarer med HTML-elementet eller egendefinert klassen. Eksemplene som vises her er veldig enkle. Selektorer kan bli svært komplekse når du må bruke regler til elementer som er nestet dypt i websiden din.
SharePoint har tusenvis av CSS-regler, og det tar tålmodighet og erfaring å finne, finne ut og lage dine egne stiler for å tilsidesette disse forhåndsdefinerte stilene.
På den annen side, hvis du vil endre noen skriftstørrelser, kan bakgrunnsbildene til toppnavigasjonen, logoen og / eller utseendet til den venstre navigasjonen, kopiere stilarket som er knyttet til en forhåndsdefinert master og endre de få elementene.
The. Mystyleheader-klassen er vist i forrige liste for å enkelt definere forskjellen mellom HTML-elementet og en tilpasset klassestil. Klassenavn som brukes av SharePoint og opprettet av deg, har flere meningsfulle 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 laget ønske å endre fargen! Så beskriv elementet av innholdsintensjonen, ikke dets farger eller egenskaper.
En del av kjernen4. css-fil i SharePoint.