! Indar garrantzitsuak Cascade-n aldatzea
Webguneak nola kodetzen ikasteko modurik onena beste guneetako iturburu-kodeetara begiratzea da. Praktika hau zenbat web profesionalek ikasi zuten beren artisautza, batez ere, egun asko izan ziren web diseinu ikastaroak , liburuak , eta online prestakuntza guneak aukera hainbeste aurretik.
Praktika hau probatzen baduzu eta guneen kaskadako estilo-orriak (CSS) begiratuz gero, kode horretan ikusten duzun gauza bat garrantzitsua dela esaten duen lerroa da.
Zer esan nahi du, eta, garrantzitsuagoa dena, nola erabili behar duzun deklarazio egokia zure estilo-orrietan?
CSSko Cascade
Lehenik eta behin, garrantzitsua da kaskadako estilo-orriak kraskatu egiten direla, ordena jakin batean jartzen direla esatea. Oro har, horrek esan nahi du arakatzaileak irakurri dituen ordenan aplikatzen diren estiloak. Lehenengo estiloa aplikatzen da eta, ondoren, bigarrena eta abar.
Ondorioz, estiloa estilo-orri baten goialdean agertzen bada eta gero dokumentuan beherago dagoenean, estilo horren bigarren instantzia ondorengo instantziaetan aplikatuko da, ez lehena. Funtsean, bi estiloek gauza bera esaten badute (horrek esan nahi du espezifikotasun maila bera dutela), erabilitako azken zerrenda erabiliko da.
Adibidez, imajinatu hurrengo estiloak estilo-orri batean ageri direla. Paragrafoaren testua beltzez egingo da, nahiz eta lehenengo estiloaren propietateak gorriak izan.
Hau da, "beltza" balioa bigarrena delako. CSS irakurtzen goitik behera, azken estiloa "beltza" da eta, ondorioz, irabazi egiten du.
p {kolorea: gorria; }
p {kolorea: beltza; }
Nola! Garrantzitsua Lehentasuna aldatzen du
Orain, CSS-k prozesatutako arau berdinak nola diren ulertzen dituzula ulertzen dugu. Zuzentarau garrantzitsuak nola aldatzen diren ikusiko dugu pixka bat.
Zuzentarau garrantzitsuak zure CSS igarotzeari eragiten dio, erabakitzen dituzun arauek funtsezkoak direla eta aplikatu behar diren moduan. Zuzentarau garrantzitsua duen arau bat beti aplikatzen da CSS dokumentuan agertzen den arau hori.
Paragrafoaren testua beti gorria izan dadin, adibide batez erabiliko duzu:
p {kolorea: gorria! garrantzitsua da; }
p {kolorea: beltza; }
Orain testu guztia gorriz agertuko da, nahiz eta "beltza" balioa bigarrena den. Zuzentarau garrantzitsuak gainezartzen dituen ohiko arauak gainidazten ditu eta estilo hori oso espezifikotasun handia ematen du.
Guztia gorriz agertzen diren paragrafoak behar izanez gero, estilo honek egin beharko luke, baina horrek ez du esan nahi praktika ona dela. Erabili nahi duzun hurrengo begirada ikusiko dugu garrantzitsua eta ez denean egokia.
Garrantzitsua!
Oso garrantzitsua da zuzentaraua oso lagungarria da webgune bat probatzen eta arazten ari zarenean. Ez dakizu ziur zergatik ez da aplikatzen ari den estilorik eta zehaztasunaren arazo bat dela uste baduzu, zure estiloko aitorpen garrantzitsu bat gehi diezaiokezu zure estilora konpontzen.
Garrantzitsua gehitzen baduzu, estiloaren arazoa konpondu arren, zehatz-mehatz zehaztu duzu. Hala eta guztiz ere, ez duzu nahi leku hori utzi behar! Kode garrantzitsua leku batean, bakarrik jarri zen probetarako.
Proba egiten denetik, zuzentarau hori kendu eta zure hautatzailea doitu behar duzu zure estiloa lortzeko behar duzun zehaztasuna lortzeko. Garrantzitsua ez litzateke ekoizpen-guneetara iritsiko, neurri batean, normala den ur-jauzia aldatzen delako.
Idazketa garrantzitsuari buruzko gogo bizkorrak zure nahi dituzun estiloak lortzeko asmoz, estilo garrantzitsuak dituzten estilo-orri bat izango duzu. Batez ere, orrialde honen CSSa prozesatzen duzun modua izango duzu. Epe luzerako kudeaketa ikuspuntutik ez da praktika laxagarria.
Erabili! Garrantzitsua da proba egiteko edo, kasu batzuetan, gai bat edo txantiloien esparruan parte hartzen duen lerro estiloa erabat gainidatzi behar duzunean.
Nahiz eta kasu horietan, erabili hurbilketa ahalik eta gutxien, eta, beraz, ahalegintzen da zoru hori ulertzen duten estilo-orri garbiak idazteko.
Erabiltzailearen estilo-orriak
Behin betiko ohar bat dago ulertzeko ezinbesteko direktiba. Zuzentarau hau ere jarri zen martxan, web orrialdeen erabiltzaileek orriak eta orriak erabiltzeko edo irakurtzeko zailak diren orrien estiloekin aurre egiteko.
Oro har, erabiltzaile batek web orri bat ikusteko estilo-orri bat definitzen badu , estilo-orria web orriaren egilearen estilo- orrialdetik gainidazten da. Erabiltzaileak estilo bat bezala markatzen badu, estilo honek web orriaren egilearen estilo orria gainidazten du, nahiz eta egileak arau bat markatzen duen.
Horrela lagungarria da estilo jakin batzuk modu jakin batean jartzeko. Adibidez, norbaitek tamaina handiko letra-tamaina handitu beharko luke erabiltzen dituzten web orrialde guztietan. Zure gidalerro garrantzitsuari esker, eraikitzen dituzun orrialdeetan neurri txikiagoan, zure erabiltzaileek izan ditzaketen behar bereziak erabil ditzakezu.
Jeremy Girard-ek editatua