Kaskádové štýly a SharePoint 2010

Kaskádové štýly (CSS) môžu byť veľmi sofistikované. CSS je spôsob, ako oddeliť vzhľad a dojem od obsahu. Tieto pravidlá štýlu sú často umiestnené v hlavičke dokumentu HTML alebo v samostatnom súbore, ktorý je prepojený so stránkou HTML (pre SharePoint 2010 je to často hlavná stránka).

Farbu hypertextových odkazov pre celú stránku môžete zmeniť tak dlho, ako to bude trvať napísanie niekoľkých znakov!

Štýly je možné vytvoriť pre špecifické prvky HTML, ako napríklad H1 (nadpis jedna). Tieto štýly sa použijú automaticky, keď sa tieto prvky použijú v obsahu. Vlastné štýly, ako napríklad .mystyleheader, sa špecificky používajú podľa želania. CSS sa používa pre písmo, pozadie, veľkosť a umiestnenie a mnoho ďalších vizuálnych pokynov pre prehliadač. Prehliadač už má okrem iného predvolený spôsob prezentácie textu a hlavičiek.

Pravidlo CSS obsahuje prvok a jeden alebo viac deskriptorov. Prvok môže byť prvok HTML alebo vlastný štýl (trieda), ktorý možno použiť podľa potreby:

• Element HTML: Deskriptory vlastností v tomto príklade elementu HTML zahŕňajú farbu textu, štýl písma, veľkosť písma a rodinu písma (samozrejme).

  h1 { farba: červená; štýl písma: tučné ; veľkosť písma: 16px; font-family: arial; }

• Vlastný štýl triedy: Vlastné pravidlo je rovnaké, až na to, že CSS má niektoré formáty skratiek.

.mystyleheader { farba: červená; písmo: tučné 16px arial; }

Element a triedy HTML zobrazené v predchádzajúcich pravidlách CSS sa nazývajú selektory . Pravidlá definované pre selektor sa použijú na všetko na vašej webovej stránke, ktoré sa zhoduje s prvkom HTML alebo vlastnou triedou. Tu uvedené príklady sú veľmi jednoduché. Selektory môžu byť veľmi zložité, keď potrebujete použiť pravidlá na prvky, ktoré sú vnorené hlboko do vašej webovej stránky.

SharePoint má tisíce pravidiel CSS a vyžaduje si trpezlivosť a skúsenosti, aby ste našli, zistili a vytvorili svoje vlastné štýly na prepísanie týchto preddefinovaných štýlov.

Na druhej strane, ak chcete zmeniť niekoľko veľkostí písma, obrázky na pozadí hornej navigácie, logo a/alebo vzhľad ľavej navigácie, možno budete môcť skopírovať šablónu so štýlmi spojenú s preddefinovanou predlohou. a upraviť tých pár položiek.

Trieda .mystyleheader je zobrazená v predchádzajúcom zozname na jednoduché definovanie rozdielu medzi prvkom HTML a vlastným štýlom triedy. Názvy tried, ktoré používa SharePoint a ktoré ste vytvorili vy, majú zmysluplnejšie názvy.

Keď vytvárate svoje vlastné názvy štýlov, hoci by to mohlo byť lákavé pomenovať štýl .redlink alebo .blueheading, hneď ako použijete tento štýl na viacerých miestach, tím bude chcieť zmeniť farbu! Popíšte teda prvok jeho obsahovým zámerom, nie jeho farbami alebo vlastnosťami.

Časť súboru core4.css v SharePointe.