Foi de stil cascadă
În următorul exemplu, definim două foi de stil alternative numite "compacte". Dacă utilizatorul selectează stilul "compact", agentul utilizator trebuie să aplice ambele foi de stil externe. precum și o foaie de stil permanentă "common css". Dacă utilizatorul selectează stilul "big print", va fi aplicată numai tabela alternativă "bigprint.css" și "common.css" constantă.
Un exemplu de cascadă care utilizează elemente LINK și STYLE.
Cascade dependente de media
O cascadă poate include foi de stil. utilizate pentru diferite tipuri de suporturi media. Și LINK. și STYLE pot fi utilizate cu atributul media. Agentul utilizator în acest caz este responsabil pentru filtrarea tabelelor respective. care nu se aplică pentru mass-media curentă.
În exemplul următor, definim o cascadă în care tabelul "corporativ" este dat în mai multe variante: unul pentru imprimare, altul pentru ecran și al treilea pentru browserele de vorbire (utilizate, așa cum se spune, când se citește e-mailul într-o mașină). Tabelul "techreport" se aplică tuturor mass-media.
Regula de culoare definită de elementul STYLE. Este utilizat pentru imprimare și ecran, dar nu pentru prezentarea vorbirii.
Moștenire și cascadă
Dacă agentul de utilizator dorește să afișeze documentul, trebuie să găsească valori pentru proprietățile stilului, de exemplu, familia fontului, stilul fontului, mărimea, înălțimea liniei, culoarea textului și așa mai departe. Mecanismul exact depinde de limba foilor de stil. dar următoarea descriere este în general aplicabilă:
Se utilizează un mecanism de cascadă dacă se aplică mai multe reguli de stil direct elementului. Acest mecanism permite agentului utilizator să sorteze regulile după specificitate pentru a determina ce regulă să se aplice. Dacă nu se găsesc nicio regulă, următorul pas depinde de faptul dacă această proprietate de stil poate fi moștenită sau nu. Nu toate proprietățile pot fi moștenite. Pentru aceste proprietăți, limbajul foilor de stil oferă valori implicite pentru a le folosi în absența unor reguli explicite pentru un anumit element.
Ascunderea datelor despre stil de la agenții utilizator (PA)
Legături către foile de stil din anteturile HTTP
Această secțiune se aplică numai acelor agenți utilizator. care corespund versiunilor HTTP. definind câmpul Antet link. Rețineți că HTTP 1.1, așa cum este definit în "[RFC2616]", nu conține câmpul Antet legătură (vezi secțiunea 19.6.3).
Managerii serverului Web pot găsi convenabil să configureze serverul astfel încât foaia de stil să fie aplicată grupului de pagini. Antetul HTTP Link are același efect ca elementul LINK cu aceleași atribute și valori. Anteturile de legături multiple corespund mai multor elemente LINK. care apar în aceeași ordine. De exemplu:
Puteți defini mai multe stiluri alternative utilizând mai multe antete de legătură. apoi utilizați atributul rel pentru a defini stilul implicit.
În acest exemplu, "implicit" este utilizat în mod implicit, deoarece cuvântul cheie "alternate" pentru atributul rel este omis.
Elementele LINK și META. așteptată de antetele HTTP. sunt definite ca aparând în mod explicit înaintea oricărui element al LINK sau META într-un document HEAD.