Video: SharePoint: Working with CSS styles | lynda.com tutorial 2024
Cascading Style Sheets (CSS) kan være meget sofistikerede. CSS er en måde at adskille udseende og udseende fra indholdet. Disse stilregler er ofte placeret i hovedområdet af et HTML-dokument eller i en separat fil, der helt er knyttet til HTML-siden (for SharePoint 2010, det er ofte mastersiden).
Du kan ændre farven på hyperlinks til et helt websted, så længe det tager at skrive flere tegn!
Stil kan oprettes til specifikke HTML-elementer, f.eks. H1 (overskrift 1). Disse stilarter gælder automatisk, når disse elementer bruges i indholdet. Tilpassede stilarter, f.eks. mystyleheader, anvendes specifikt som ønsket. CSS bruges til skrifttype, baggrunde, størrelse og positionering og mange andre visuelle instruktioner til browseren. Browseren har allerede en standard måde at præsentere tekst og overskrifter på.
En CSS-regel indeholder elementet og en eller flere deskriptorer. Elementet kan være et HTML-element eller en brugerdefineret (klasse) stil, der kan anvendes som ønsket:
-
HTML-element: Egenskabsbeskrivelser i dette HTML-elementeksempel omfatter tekstens farve, skrifttypestil, skriftstørrelse, og skrifttype familie (selvforklarende).
h1 {farve: rød; font-style: bold; skrifttypestørrelse: 16px; font-family: arial;} -
Brugerdefineret klassestil: Den brugerdefinerede regel er den samme, bortset fra at CSS har nogle genvejskilder.
. mystyleheader {farve: rød; font: bold 16px arial;}
HTML-elementet og klasserne vist i de foregående CSS-regler kaldes selektorer . Reglerne defineret for vælgeren anvendes til alt på din webside, der matcher HTML-elementet eller brugerdefineret klasse. Eksemplerne vist her er meget enkle. Selektorer kan blive meget komplekse, når du skal anvende regler på elementer, der er indlejret dybt i din webside.
SharePoint har tusindvis af CSS-regler, og det kræver tålmodighed og erfaring at finde, finde ud af og lave dine egne stilarter for at tilsidesætte disse foruddefinerede stilarter.
Hvis du vil ændre et par skriftstørrelser, kan baggrundsbillederne af den øverste navigation, logoet og / eller udseendet til den venstre navigation muligvis kopiere stilarket, der er forbundet med en foruddefineret mester og ændre de få punkter.
Den. mystyleheader class er vist i den foregående liste for nemt at definere forskellen mellem HTML-elementet og en brugerdefineret klassestil. Klassenavne, der bruges af SharePoint og er oprettet af dig, har flere meningsfulde navne.
Når du opretter dine egne stilnavne, så fristende som det kan være at navngive en stil.redlink eller. blueheading, lige så snart du anvender denne stil på flere steder, vil holdet ønsker at ændre farven! Så beskriv elementet ved indholdets hensigt, ikke dets farver eller egenskaber.
