Els fulls d'estil en cascada (CSS) poden ser molt sofisticats. CSS és una manera de separar l'aspecte i la sensació del contingut. Aquestes regles d'estil es col·loquen sovint a l'àrea de capçalera d'un document HTML o en un fitxer separat que està enllaçat a la pàgina HTML (per a SharePoint 2010, sovint és la pàgina mestra).
Podeu canviar el color dels hiperenllaços d'un lloc sencer sempre que calgui escriure diversos caràcters.
Es poden crear estils per a elements HTML específics, com ara H1 (encapçalament 1). Aquests estils s'apliquen automàticament quan aquests elements s'utilitzen al contingut. Els estils personalitzats, com ara .mystyleheader, s'apliquen específicament segons es desitgi. CSS s'utilitza per al tipus de lletra, fons, mida i posicionament, i moltes altres instruccions visuals per al navegador. El navegador ja té una manera predeterminada de presentar text i capçaleres, entre altres coses.
Una regla CSS conté l'element i un o més descriptors. L'element pot ser un element HTML o un estil personalitzat (classe) que es pot aplicar com es desitgi:
-
Element HTML: els descriptors de propietats d'aquest exemple d'element HTML inclouen el color del text, l'estil de la lletra, la mida de la lletra i la família de tipus de lletra (s'explica per si mateix).
h1 { color: vermell; estil de lletra: negreta; mida de la lletra: 16px; font-família: arial; }
-
Estil de classe personalitzat: la regla personalitzada és la mateixa, excepte que CSS té alguns formats de drecera.
.mystyleheader { color: vermell; font: negreta 16px arial; }
L'element HTML i les classes que es mostren a les regles CSS anteriors s'anomenen selectors . Les regles definides per al selector s'apliquen a tot allò de la vostra pàgina web que coincideixi amb l'element HTML o la classe personalitzada. Els exemples que es mostren aquí són molt senzills. Els selectors poden ser molt complexos quan necessiteu aplicar regles a elements que estan imbricats profundament a la vostra pàgina web.
SharePoint té milers de regles CSS i cal paciència i experiència per trobar, esbrinar i crear els vostres propis estils per anul·lar aquests estils predefinits.
D'altra banda, si voleu canviar un parell de mides de lletra, les imatges de fons de la navegació superior, el logotip i/o l'aspecte de la navegació esquerra, és possible que pugueu copiar el full d'estil associat a un mestre predefinit. i modificar aquests pocs elements.
La classe .mystyleheader es mostra a la llista anterior per definir fàcilment la diferència entre l'element HTML i un estil de classe personalitzat. Els noms de classe utilitzats per SharePoint i creats per vosaltres tenen noms més significatius.
Quan creeu els vostres propis noms d'estil, per temptador que pugui ser posar un nom a un estil .redlink o .blueheading, tan bon punt apliqueu aquest estil a diverses ubicacions, l'equip voldrà canviar el color! Així que descriu l'element per la seva intenció de contingut, no pels seus colors o propietats.
Part del fitxer core4.css a SharePoint.