Kaskadni listovi stilova i SharePoint 2010

Kaskadni listovi stilova (CSS) mogu biti vrlo sofisticirani. CSS je način odvajanja izgleda i osjećaja od sadržaja. Ova pravila stila često se postavljaju u područje glave HTML dokumenta ili u zasebnu datoteku koja je povezana s HTML stranicom (za SharePoint 2010, to je često glavna stranica).

Možete promijeniti boju hiperveza za cijelo web-mjesto onoliko dugo koliko je potrebno za upisivanje nekoliko znakova!

Stilovi se mogu kreirati za određene HTML elemente, kao što je H1 (naslov jedan). Ovi se stilovi automatski primjenjuju kada se ti elementi koriste u sadržaju. Prilagođeni stilovi, kao što je .mystyleheader, posebno se primjenjuju po želji. CSS se koristi za font, pozadinu, veličinu i pozicioniranje te mnoge druge vizualne upute za preglednik. Preglednik već ima zadani način predstavljanja teksta i zaglavlja, između ostalog.

CSS pravilo sadrži element i jedan ili više deskriptora. Element može biti HTML element ili prilagođeni (klasa) stil koji se može primijeniti po želji:

• HTML element: Deskriptori svojstava u ovom primjeru HTML elementa uključuju boju teksta, stil fonta, veličinu fonta i obitelj fontova (samo po sebi razumljivo).

  h1 { boja: crvena; stil fonta: podebljano ; veličina fonta: 16px; font-family: arial; }

• Prilagođeni stil klase: Prilagođeno pravilo je isto, osim što CSS ima neke formate prečaca.

.mystyleheader { boja: crvena; font: bold 16px arial; }

HTML element i klase prikazani u prethodnim CSS pravilima nazivaju se selektori . Pravila definirana za selektor primjenjuju se na sve na vašoj web stranici što odgovara HTML elementu ili prilagođenoj klasi. Ovdje prikazani primjeri vrlo su jednostavni. Selektori mogu postati vrlo složeni kada trebate primijeniti pravila na elemente koji su duboko ugniježđeni u vašoj web stranici.

SharePoint ima tisuće CSS pravila i potrebno je strpljenje i iskustvo da pronađete, shvatite i stvorite vlastite stilove kako biste nadjačali ove unaprijed definirane stilove.

S druge strane, ako želite promijeniti nekoliko veličina fonta, pozadinske slike gornje navigacije, logotip i/ili izgled lijeve navigacije, možda ćete moći kopirati stilski list povezan s unaprijed definiranim glavnim i izmijeniti tih nekoliko stavki.

Klasa .mystyleheader prikazana je na prethodnom popisu kako bi se lako definirala razlika između HTML elementa i prilagođenog stila klase. Nazivi klasa koje koristi SharePoint i koje ste stvorili imaju smislenija imena.

Kada stvarate vlastite nazive stilova, koliko god primamljivo bilo imenovati stil .redlink ili .blueheading, čim taj stil primijenite na više mjesta, tim će htjeti promijeniti boju! Dakle, opišite element prema njegovoj namjeri sadržaja, a ne njegovim bojama ili svojstvima.

Dio datoteke core4.css u SharePointu.