Video: SharePoint: Working with CSS styles | lynda.com tutorial 2024
Cascading Style Sheets (CSS) kan zeer geavanceerd zijn. CSS is een manier om uiterlijk en gevoel te scheiden van de inhoud. Deze stijlregels worden vaak geplaatst in het hoofdgedeelte van een HTML-document of in een afzonderlijk bestand dat is gekoppeld aan de HTML-pagina (voor SharePoint 2010 is dit vaak de hoofdpagina).
U kunt de kleur van hyperlinks voor een hele site zo lang wijzigen als nodig is om meerdere tekens te typen!
Er kunnen stijlen voor specifieke HTML-elementen worden gemaakt, zoals H1 (kop één). Deze stijlen zijn automatisch van toepassing wanneer deze elementen in de inhoud worden gebruikt. Aangepaste stijlen, zoals. mystyleheader, worden specifiek toegepast zoals gewenst. CSS wordt gebruikt voor lettertype, achtergrond, grootte en positie, en vele andere visuele instructies voor de browser. De browser heeft al een standaardmanier om onder andere tekst en headers te presenteren.
Een CSS-regel bevat het element en een of meer descriptoren. Het element kan een HTML-element of een aangepaste (klasse) stijl zijn die naar wens kan worden toegepast:
-
HTML-element: Eigenschappendescriptoren in dit HTML-element voorbeeld omvatten de kleur van de tekst, lettertype, lettertype, en lettertypefamilie (spreekt voor zich).
h1 {kleur: rood; lettertype: vet; lettergrootte: 16px; font-family: arial;} -
Aangepaste klassestijl: De aangepaste regel is hetzelfde, behalve dat CSS enkele snelkoppelingsformaten heeft.
. mystyleheader {color: red; lettertype: vet 16px arial;}
Het HTML-element en de klassen die in de voorgaande CSS-regels worden weergegeven, worden selectors genoemd. De regels die zijn gedefinieerd voor de selector, worden toegepast op alles op uw webpagina dat overeenkomt met het HTML-element of de aangepaste klasse. De voorbeelden die hier worden getoond zijn heel eenvoudig. Selectors kunnen erg complex worden wanneer u regels moet toepassen op elementen die diep in uw webpagina zijn genest.
SharePoint heeft duizenden CSS-regels en het vergt geduld en ervaring om uw eigen stijlen te vinden, erachter te komen en te creëren om deze voorgedefinieerde stijlen te negeren.
Aan de andere kant, als u een paar lettergrootten, de achtergrondafbeeldingen van de navigatie bovenaan, het logo en / of het uiterlijk van de linkernavigatie wilt wijzigen, kunt u mogelijk het typogram kopiëren dat is gekoppeld aan een vooraf gedefinieerde master en pas die paar items aan.
The. mystyleheader-klasse wordt in de voorgaande lijst weergegeven om eenvoudig het verschil tussen het HTML-element en een aangepaste klassenstijl te definiëren. Klassenamen die door SharePoint worden gebruikt en door u zijn gemaakt, hebben zinvollere namen.
Wanneer u uw eigen stijlnamen maakt, zo verleidelijk als om een stijl te benoemen.redlink of. blueheading, zodra je die stijl op meerdere locaties toepast, wil het team de kleur veranderen! Dus beschrijf het element door zijn inhoudsintentie, niet door de kleuren of eigenschappen.
