Computeren, Programméiere
CSS, pseudo, pseudo: hover, Kand, Zil-
Vun kombinéiert HTML an CSS, kënnt dir absolut der all Elementer vun Web Säiten Kontroll. Mat ënnerstëtzen kënnt dir einfach d'kucken vun all Spär oder Linn änneren. Oft ewech brauchen eng méi komplex Aufgab ze Leeschtunge - de Bléck vum Element ofzesécheren selwer ass net, als separat Deel oder eng bestëmmte Staat. An dësem Fall, op d'Hëllef vun pseudo CSS.
Pseudo-Bedreiwen op déi selwecht Prinzip als normale Klassen am Wikisyntax, mä kierperlech sinn se net hei presentéieren. Si kann op der Basis vun Elementer net am Dokument Informatiounen abegraff ausgewielt ginn, déi der gewinnt selector net wielen ginn. Hei ass en einfacht Beispill: Dir hutt e roude Knäppchen, an Dir wëllt wann Dir hover et gouf blo. Réimech, kann et zu Javascript ëmgesat ginn, mä firwat ass dat esou schwéier? Vill méi praktesch en ze benotzen : CSS hover. Mat senger Hëllef kann Dir all Unitéit d'Parameteren ginn, datt nëmmen Cursorpositioun wann der Maus ginn ausgeléist gëtt.
Lëscht vun CSS pseudo-Klassen sinn regelméisseg aktualiséiert. Vläicht, wann Dir dës Material liesen, e puer nei schéngt. Ze fänken, als déi, déi wossten am CSS3 Spezifizéierung.
: Xte-vun-Typ
Stellt Iech eng Lëscht vun deenen Dir ofwiesselnd Faarwen ze benotzen wëllen, dat heescht, déi éischt Linn ass, zum Beispill, an rout Bréiwer geschriwwen, an der zweeter - .. Blue, rout nees drëtt, véiert Kéier an blo. Virdrun, hu dir nei Klassen schafen. Layout vun der Vergaangenheet dobäi un all Element op enger Klass setzen, an geännert dann hir krut am Virlag. Et war net ze bequem an Taxatioun Layout.
Elo alles méi einfach. Benotzen CSS pseudo-Klass: xte-vun-Typ. Dat wäert eng Chance ginn de gewënschte Animatioun ze kréien, ouni eppes an der Wikisyntax änneren. De Prinzip ass einfach: Dir gitt engem selector, a Klammeren nom Numm enger Formule oder e Schlësselwuert schreiwen dass déi néideg Elementer fanne wäert. Zum Beispill ,: xte-vun-Typ (nach) gëtt all och Elementer, an: xte-vun-Typ (komesch) - de komesch. Et gëtt eng grouss Zuel vu Formelen gi benotzt fir genee Kontroll. D'Klammeren weg de méiglech Zuel - an dësem Fall ënnerstëtzen dem Element deem Index applizéiert gin ass gläich op dës Zuel.
: Xte-Kand
Dës CSS pseudo-Klass op de Prinzip vun der Aktioun ass ähnlech dem virdrun een, mä Géigesaz et schafft exklusiv mat Kanner vun der gewielter Punkt. Zum Beispill, wann s de se fir d'Ausgesin vun
Fir genee Kontroll vun der Formel ka benotzt ginn. Si si relativ schwéier fir eng Ufänger, mee et ass derwäert e bëssen méi déif an d'Siwebiergen wéi alles gëtt méi einfach. D'Formelen sinn wéi follegt: en + b, wou en - ass e Faktor, an b - amortiséiert. Zum Beispill, wann an parenthesis n weg, der Pseudo-virschreift all Kand Elementer (well et net zousätzlech Konditioune vun der Form vun engem a b uginn ass). Wann s de n + 2, all d'Elementer ausser déi éischt uginn (well d'Police gläich un zwou ass) ginn ausgewielt ginn. Bescht vun all, dës Kéier an der Praxis ze studéieren. Experimenter mam Kand Komponente a verschiddene Formelen.
: Last-Kand
Alles ass einfach. CSS Kand pseudo-Klassen sinn benotzt engem bestëmmte Punkt ze wielen. Dëst virschreift de leschte Kand vum Elterendeel Volet. Ass benotzt relativ dacks, zum Beispill, de leschten Zeil vum Dësch ze wielen oder ewechhuelen Arécken aus de leschten Spär sengem Transfert op déi nächst Linn ze vermeiden.
: Xte-leschten-Kand
Vum Prinzip vun der Operatioun ass ähnlech dem virdrun xte-Kand ernimmt, mä Akten am Géigendeel Richtung, dh. E. Wann Elementer benotzt fänkt plënneren gëtt. Dëst ass nëtzlech wann Dir déi lescht puer Saachen ze fannen braucht.
Dir kéint mengen, dës Pseudo-Klassen an pseudo-Elementer Schiermer CSS, well du kanns Saachen och duerch konventionell Klassen gemaach kréien. Dat ass net esou. : Xte-Kand ,: nth- leschte-Kand an hirem analogs sinn ganz praktesch wann op grouss Projeten schaffen - zum Beispill, zu Fäll wou d'Spär eng grouss Zuel vun Kanner huet. Manuell Rendez Klassen laang a schwéier.
Pseudo-Staat Kontroll
Wat wann Dir d'krut vun engem Element zu engem bestëmmten Zoustand ännere muss? Dësem Fall gëtt CSS pseudo-Klick, Virop an aner Akten. Loosse mer se am Detail ënnersicht.
: Link
Dëst pseudo CSS Referenze, net all, mä just déi, déi nach net besicht hunn. An et kann Iech Stiler fir Elementer uginn, fir déi de Benotzer nach net gestëmmt huet.
: besicht
Eng analog vun der viregter Ausdrock, deen nëmmen scho besicht Linken Kontrollen. Kombinéiert dësen zwou pseudo-Klassen, kanns de Optrëtt vun Tags asëtzen genee wéi Dir braucht. Opgepasst awer, datt d'Staaten fir spezifesch Browser berechent sinn an der Behandlung Geschicht US.
Der Pseudo-Klass: Zil CSS
Ee vun de stäerkste interessant pseudo-Klassen, déi a gewesser Mooss benotzt wann ersetzt de Gebrauch vun Javascript. Et erméiglecht Kontroll datt d'Identifikatioun vun der Zeil Adress vun der Säit abegraff. Jo, déi éischt Zäit et schwiereg ass ze verstoen. Probéieren d'Beispill ze Parsing-.
Loosst d'soen mer op der Säit 3 spären Divisiounen mat bestëmmte ID sinn: id1, id2, id3. Mir hunn och dräi Linken op den entspriechende Wäerter href: # id1, # id2, # id3. Wann Dir op den éischte Link am Adress Bar vun der Säit no de Link op déi Säit klickt gëtt selwer eng entspriechend ID ginn.
Der CSS fir all spären Divisiounen uginn Propriétéit Haaptsäit: Keen, dat heescht, si sinn net gewisen Par défaut. Mir benotzen Zil: Divisiounen a ginn et e Verméigen Haaptsäit: blockéieren. Elo, wou Dir op d'Linke klickt mat bestëmmte der href, spären mam entspriechende ID gëtt zu Haaptsäit zougewisen ginn: blockéieren, an dofir, wäert se ufänken op der Säit ze gesinn! Wann Dir de Link klickt fir href = http: // Site / Artikel / 319683 /% E2% 80% 9D # id1% E2% 80% 9D mat id1 Spär wäert, a sou op ..
Nach verstoen do näischt? Probéieren ze Experimenter. Schafen eng Säit Layout an ënnerstëtzen uewendriwwer beschriwwen. E puer Minutten méi spéit hutt Dir eng grouss Figur alles aus.
Pseudo dass zu all Element applizéiert gin kann
Gréissten Deel vun der uewen beschriwwen-pseudo-Linken fir d'Aarbecht néideg. Mä net all Elementer mussen . Puer däer kann komplett fir all Deel vun der Säit applizéiert ginn.
- : Aktiv ass vun Ufank un Stil Elementer op déi de Benotzer Avantagen lénks Maus Knäppchen;
- : Hover - CSS fir Elementer un déi de Benotzer driwer;
- : Konzentréieren - fir déi Deeler vun der Säit, déi elo am konzentréieren sinn. Dëst pseudo-Klass ass oft benotzt mat Formen ze schaffen. Zum Beispill, wann s de Benotzerkont Numm VIRSCHLOEN zu wielt wëllt, wann de Visiteur der Maus driwwer baut a fänkt Noutruff Personnagen.
Erënneren, datt: aktiv nëmmen an der Zäit vun pressen valabel. Direkt no der anze- vun der rietser Maus Knäppchen ass mat der Hëllef vun Stiler Formatioun wäert verschwannen an de Punkt gëtt ugewisen ginn wéi et Par défaut ugewisen ass. Am meeschte Fäll ass dat pseudo-Klass ze schaffen mat Knäppercher benotzt. Du kenns se zu enger grousser Zuel vu Staaten. Zum Beispill, d'Default Knäppchen ass blo, hover - gréngen, Pressen - rout, etc ...
Natierlech, sinn nëmme pseudo-Klassen voll duerch modern Browseren ënnerstëtzt. Zum Beispill, am IE6 an 7 wäert benotzt kënnen op de Schwéierpunkt net, an der hover an aktiv nëmmen fir Referenz Aarbecht am IE6. Hoffentlech, wäert Dir net mat dëse Browser ze schaffen hunn, mä wann Dir nach opgestan brauchen, benotzen geplangten Kommentaren.
zousätzlech pseudo
D'Optiounen virun Lëscht opgezielt net do ophalen. Nëmmen abegraff Elementer kann wéint merci fir modern CSS (: aktivéiert) oder just Géigewier aus (: behënnert), nëmmen Wiesselt markéiert Haischen a Radio (: vergewësseren). Kuerz e puer méi Optiounen beschreiwen déi Dir fir e méi grëndlech Kontroll den Optrëtt vun Inhalt benotze kann.
- : Nëmmen-Kand - flushes méiglech de Stil fir d'Element ze gëllen déi déi eenzeg Kand Element ass;
- : LANG - mat den Elementer ze schaffen, datt Sprooch mat der LANG Spezialfäegkeeten kritt hunn;
- : Wuerzel - benotzt, fir d 'root Element wielt. Anere Wierder, wéi eng HTML Tag ass ;
- : Nët - e ganz mächteg Outil. Et erlaabt Dir der Benotzung vun verschidden Stiler vun selectors ze beschränken. Hei ass e Beispill: .blue-Faarf: net (span ). A selector engem Stil zu all Elementer mat der Klass blo-Faarf ze gëllen, wa se net sinn.
Voll Lëscht vun pseudo-Klassen kann net op eng Säit hat ginn. Meeschte Web Designer benotzen an Praxis, nëmme vun hinnen e puer, wéilt der Conditioun mat Javascript ze managen. Jo, et ass praktesch, mä et sinn e puer Momenter wou méi effikass Resultater einfach erreecht ginn, déi entspriechend pseudo benotzt.
Similar articles
Trending Now