Zertan datza "Cascade" Cascading Style Sheets-en?

Cascading Style Sheets edo CSS konfiguratuta daude, elementu berberak eragina duten propietate ugari izan ditzazun. Baliteke propietate horietako batzuk elkarren artean gatazkan jartzea. Adibidez, gorriaren letra-tipoaren kolorea ezar dezakezu paragrafo-etiketan, eta, geroago, urdinaren letra-kolorea ezarri. Nola nabigatzaileak ezagutzen du zein koloretako paragrafoak egiteko? Hau da kaskadak erabakita.

Estilo-fitxen motak

Estilo-orrien hiru estilo daude:

  1. Egile estilo orriak
    1. Orrialde honen egileek sortutako estilo-orriak dira. Jende gehienak CSS estilo-orrietan pentsatzen dituztela uste dute.
  2. Erabiltzailearen estilo-orriak
    1. Erabiltzailearen estilo orriak web orriaren erabiltzaileak ezartzen ditu. Horrek aukera ematen dio erabiltzaileari orrien itxura nola kontrolatzen duen.
  3. Erabiltzaile agentearen estilo-orriak
    1. Webgune hau orrialdearen araberakoa da, orri hori bistaratzeko. Adibidez, XHTMLn, ikusizko erabiltzaileen agente gehienek etiketa etiketatu gisa erakusten dute etiketa . Erabiltzaile agenteen estilo-orrian definitzen da.

Goiko estilo-orrietako bakoitzean zehazten diren propietateak pisu bat ematen zaie. Lehenespenez, egilearen estilo-orriek pisu handiena dute, erabiltzailearen estilo-orriaren ondoren eta azkenik erabiltzaile-agenteen estilo-orriaren arabera. Salbuespen bakarra erabiltzailearen estilo-orriko arau garrantzitsuarekin dago! Autorearen estilo-orriaren pisua baino pisu handiagoa du.

Cascading Order

Gatazka konpontzeko, web arakatzaileek honako ordena ordenatzeko erabiltzen dute zein estilo lehentasuna izan eta zein izango den zehazteko:

  1. Lehenik eta behin, galdetu den elementuari aplikatzen zaizkion adierazpenak bilatu eta esleitutako euskarri mota.
  2. Ondoren, ikusi zer estilo-orriaren datozen. Goikoan bezala, egile-estiloaren orriak lehenik eta behin, erabiltzaileak dira, erabiltzaile-agenteak. Estilo handiko estilo garrantzitsuenekin! Estilo garrantzitsuenak baino.
  3. Aukeratzaile zehatzagoa da, lehentasun gehiago lortuko du. Esate baterako, "div.cop" estilo batek lehentasun handiagoa izango du "p" etiketarik baino.
  4. Azkenean, ordenatu ordenatutako arauak ordenatu ziren. Dokumentu zuhaitzan geroago definitzen diren arauak lehenago definitutakoak baino lehentasun handiagoa dute. Eta inportatutako estiloko orriko arauak zuzenean aurrekoak dira estilo-orrian.