wichtegt Kräfte a Verännerung an der Kaskade
Ee vun de beschte Weeër fir ze léieren wéi Dir Websäite Websäite fannt an d'Quellcodes vun aneren Site kuckt. Dës Praxis ass wéi vill Websäiten hir Handwierker geléiert hunn, virun allem an de Deeg virdrun waren et vill Méiglechkeeten fir Webdesign, Coursen , Bicher an online Trainingseiten.
Wann Dir dës Praxis probéieren an op d'Site vun de Cascading-Stylesheetsplazen ze kucken (CSS), eng Saach, déi Dir an deem Code seet, ass eng Zeil datt et wichteg ass.
Wat heescht dat an, esou wéi wichteg, wéi benotzt Dir dës Deklaratioun korrekt an Ären Stäckbläg?
D'Cascade vu CSS
Virun allem ass et wichteg ze verstoen datt Kaskadespärblieder och Kaskade maachen , wat se an enger bestëmmter Uerdnung plazéiert sinn. Am Allgemenge heescht dat, datt d'Stiler an der Uerdnung applizéiert ginn déi se vum Browser liesen. Den éischte Stil gëtt applizéiert an dann den zweeten an sou weider.
Als Resultat, wann e Stil op der Spëtzt vun engem Stylstéck erscheint an duerno am Dokument gedréckt ass, ass déi zweet Instanz vum Stil eent an déi nächst Instanzen, déi net déi éischt. Am Prinzip, ob zwee Stiler déi selwecht Saach soen (wat heescht, datt se de selwechte Level vun Spezifitéit hunn), déi lescht Lëscht ass ginn benotzt.
Zum Beispill, lass Iech virstellen, datt dës Stiler am Stilblatt enthale sinn. Den Text vum Paragraphe wäerte schwaarz sinn, obwuel d'éischt Stilimm opgewuess ass rot.
Dëst ass wéinst dem "schwaarze" Wäert zwëschen. Zënter CSS ass ganz top-to-bottom geliwwert, ass de finalen Stil "schwaarz" an dofir ass et gewënnt.
p {Faarf: rout; }}
p {Faarf: schwaarz; }}
Wéi wichteg wichteg Ännerungen Prioritéit
A wat Dir verstitt, wéi dës bal identesch Regelen duerch CSS veraarbecht ginn, kënne mir kucken wéi d'! Wichteg Direktiv eppes verännert.
Déi! Wichteg Directive beaflosst d 'Art a Weis wéi Är CSS Kascaden wann Dir déi Regelen déi Dir fillt, am wichtegsten sinn an sollt applizéiert ginn. Eng Regel, déi d'! Wichteg Richtlinn ass ëmmer an egal waat d'Regel am CSS Dokument bezeechent.
Fir den Ofsetzungs Text ëmmer rëm ze maachen, aus dësem Beispill gëtt Dir benotzt:
p {color: red! wichteg; }}
p {Faarf: schwaarz; }}
De ganzen Text erscheint am Rot, obwuel de "schwaarze" Wäert zweemol steet. D'! Wichteg Direktiv iwwerdréit d'normale Regelen vun der Kaskade a gitt dee Stil ganz héich Spezifizitéit.
Wann Dir absolut néideg d'Absätze fir rot ze sinn, da géif dës Saach et maachen, awer dat heescht net datt dëst e gutt Praxis ass. Kommt nächste Bléck op wann Dir wëllt benotzen! Wichteg an wann et net richteg ass.
Wann Dir d'Benotzung!
D'! Wichteg Richtlinn ass ganz nëtzlech, wann Dir eng Websäit testen an debuggen. Wann Dir net sécher sidd, firwat e Stil net an der Applikatioun applizéiert an ze denken dat et e Spezifitéitsthema sinn, da kënnt Dir d'! Wichteg Deklaratioun fir Ären Stil maachen fir ze kucken, ob dat et seet.
Wann et addéieren! Eigentlech fixéiert d'Stilprobleemt, Dir hutt just festgestallt datt et e Spezifizitéitsthema ass. Allerdéngs, Dir wëllt net dat maachen!! Kee Code an der Plaz, et ass nëmmen da fir Testerzwecker ze setzen.
Zënter Testen ass gemaach ginn, musst Dir elo dës Richtiofhängegkeet an Äert Auswielen just änneren, fir datt Dir d'Spekulatioun erlaben, déi Dir braucht fir Ären Stil ze schaffen. Wichteg sollt iech net op Är Produktionsplazen maachen, deelweis wéinst der Verännerung vun der normaler Kaskade.
Wann Dir sou ze schwaar op der! Wichteg Deklaratioun ze erreechen fir Är Wonsch ze erreechen, da wäerte Dir schliisslech e Stilblatt loungen! Dir kënnt grondsätzlech d'Wee veränneren déi dës Säit CSS veraarbecht gëtt. Et ass eng faul Praxis, déi net gutt ass vun enger laangfristeg Gestaltungsstellung vum Standpunkt.
Benotzt! Wichteg beim Testen oder, a ville Fäll, wann Dir en Inline-Stil iwwersetzt, deen Deel vun engem Thema oder Template Framework ass.
Och an dëse Fäll benotzen dës Approche esou spéit wéi méiglech an stattdessen ze versichen ze reinen Stännblieder, déi d'Kaskade verstinn, ze schreiwen.
Benotzer Style Sheets
Et ass eng final Note op déi! Wichteg Direktiv déi essentiell ass fir ze verstoen. Dës Direktiv gouf och festgeluegt fir Hëllef vu Webseiten ze benotzen fir Struktheetsblécker ze maachen, déi Säiten schwéier fir se ze benotzen oder ze liesen.
Typesch, wann e Benotzer eng Stylblatt definéiert fir Websäiten ze gesinn, gëtt dësst Stilbuedem ofgeschnidden vum Webblatt . Wann de Benotzer en Stil maacht ... wichteg ass, gëtt den Stil vum Webblatt vun der Websäit automatesch iwwerdroen, och wann de Auteur eng Regel als "wichteg" markéiert.
Dëst ass hëllefreich fir Benotzer, déi Stiler op eng gewëssen Aart setzen. Zum Beispill, een ka mëss d 'Standardfaarf op all Websäiten déi se benotzen. Wann Dir Är Wichteg Richtlinie späichend an de Säiten déi Dir bauen benotzt Dir Äert Besonnesch Bezierke vun Äre Benotzer.
Edited by Jeremy Girard