Para CSS - origjinal, të rehatshme, praktike

Pseudo-elemente dhe pseudo-klasa CSS: para, pas, hover, aktive, etj - mundësi efektive për të përmirësuar cilësinë dhe për të lehtësuar vendin e ekzekutimit, duke mos përfshirë kodin JavaScript-mbajtës të qartë, nuk kërkojnë një kompleks harton reagim, elemente ngjarje, dialogët dhe veprimet e vizitorit.

Pseudo përshtatshëm, multifunksionale, kanë veti të rëndësishme dhe të shumta zgjedhje për pans të thjeshta dhe komplekse të drejtave të autorit: se si origjinale tërheqë vëmendjen, seamlessly të sqaruar veprimet e nevojshme për të sjellë një aluzion në vendin e duhur.

Perspektivat e Madhe hapet URL kur specifikuar () në përmbajtjen e pseudo. Në të vërtetë, ky opsion hap horizonte të reja, si në aspektin e shkarkoni asgjë në faqe, dhe aktivizimi i mundshëm i ndonjë gjë kudo

Një tipar dallues i pseudo

Pseudo (:: përpara CSS, :: pas) të ndryshme nga elementet, përzgjedhësit dhe pseudo-klasa që nuk fillimisht ekzistojnë në pemë dokument. Ndoshta, në praktikë ajo nuk është veçanërisht e rëndësishme, por në qoftë se ne e konsiderojmë çështjen e vendosjes përmbajtjen në këtë faqe interneti, ju besoni pronën përmbajtjen e diçkaje kuptimplotë për motor kërkimi nuk ka kuptim.

Pseudo :: keni para CSS lejon të shtoni përmbajtje në elementin dhe :: pas - pas. Përmbajtja mund të ndryshojnë nga teksti të thjeshtë në formatimin komplekse në drejtim të pronave CSS, por nuk ka HTML tags. Pseudo mund të jetë i pozicionuar në mënyrë të përkryer brenda elementit, e cila është e bashkangjitur, sepse kuptimi i para dhe pas është relative dhe të lëvizshme. Ju nuk mund të specifikojë pozicionin, por edhe të madhësive, ngjyra, prejardhje, fonts, dhe të përdorin karakteristika të tjera të CSS.

Si pseudo CSS, para dhe pas paraprihen nga simboli ":", por standarde CSS3 rekomanduar "::". Për të provuar një përdorim të veçantë në një faqe nuk do të jetë më shumë se disa shfletues ose versione të thjeshtë nuk mund të vëreni një pseudo veçantë.

Kushtet e përgjithshme të Përdorimit

Duke e vendosur, p.sh., div element përshkruar class = 'scElement' dhe përmbajtjen "Element", në faqen e, duke treguar në CSS-style përshkrimin fletë:

.scElement {
POZICIONI ...;
z-index ...;
...

}

ju mund të aplikoni një pseudo ": hover" pseudo dhe ":: përpara" CSS:

.scElement: hover :: përpara {përmbajtje: 'prefiksin'; ngjyra ...; background-color ...;}.

Atëherë kur ju rri pezull treguesin e miut para fjalës "Element" do të shfaqet fjala 'prefiksin', e cila do të ndryshojë ngjyrën e shkronjave dhe sfond.

variacione Përmbajtja pseudo

Nëse ju nuk e specifikoni pronat pseudo, ata do të jetë i njëjtë me atë të elementit kryesor - scElement. Ju mund të specifikoni url, dhe pastaj pasurinë e përmbajtjes: url ( '/ scBox / rm-v / SC-rights.png') kur kursori tregon imazhin në elementin. Në rastin e përmbajtjes: "\ 03B1" shfaqet matematikore simbol "Alfa", por përdorni karaktere speciale: "& nbsp;", " & lt;", "& laquo;", "& raquo;" dhe të tjerët nuk e bëjnë - ato do të shfaqet si është.

Lejuar një shumë opsione për të specifikuar përmbajtjen e pseudo: normale "tekst", URL (), një sekuencë e karaktere hexadecimal, referojuni: open-quote / ngushtë-quote, apo jo-hapur-quote / jo-ngushtë-quote, etj Si mund të jetë një tregues i pozitës absolut të përmbajtjes. nëpërmjet pronave të stilit, duke aplikuar më parë, CSS do të zhvillohet pseudo kudo në elementin në të cilën ajo është e lidhur.

Ju mund të kombinohen përdorimin e njëkohshëm të para dhe pas. Prandaj, duke e vendosur duke përdorur CSS para karaktere përmbajtjen, ju mund të merrni një shumëllojshmëri të efekteve, duke kombinuar pseudo-klasa dhe pseudo-elemente të ndryshme, papritur vizitor, jo shpenzimet në të njëjtën kohë edhe një të vetme byte-code JavaScript.

Features pseudo

Për emërtimet e tyre miratoi ":" Karakteri, si edhe për t'iu referuar pseudo, por ndryshe nga pseudo CSS3 zakonisht shënohet me "::". Browsers që kuptojnë atë, perceptojnë dy emërtime. Mangësitë në regjistrim nuk është i lejuar, string duke u regjistruar dhe pseudo (ose vetëm) pseudo regjistruar së bashku:

scElement: hover :: përpara {përmbajtje: 'prefiksin'; ...}

scElement: aktiv: pas {përmbajtje: 'prapashtesë'; ...}

Është e rëndësishme për të kujtuar: CSS para se të mbaron e përmbajtjen e site. Styles nuk janë të lidhura me përmbajtjen e faqes. Pseudo - nuk është përjashtim. Ata nuk paraqiten në pemë DOM dhe të padëshirueshme për t'i përdorur ato në seksionet përkatëse e faqes - në përmbajtje, ata nuk do të merrni.

Duke përdorur "" dhe "::" është mbështetur nga platforma të lëvizshme dhe shfletuesit modern, por të kontrolluar punën në versionet më të vjetra shpesh nuk janë të tepërta.

Përmbajtja e pseudo-që nuk përfshihen në përmbajtjen e faqes. Kjo nuk do të shohin motorët e kërkimit. Si të përdorni këtë rrethanë - varet nga situata specifike, por mundësia e përdorimit CSS para, si dhe pas, në mënyrë të pavarur ose në një kompleks, interesant kur përmbajtja është një url (). përdorimi i drejtpërdrejtë i pseudo përmbajtjes si lidhje me këtë faqe interneti, do të lejojë atë për të shkarkuar një skedar, për shembull, një fotografi.

Aftësia për të ndryshuar fotografi Style në linjë (Cascading Style Sheets fotografi - jo përjashtim) nuk ndërhyn me formë dhe e përdorin pseudo si ai është i përshtatshëm në çdo kohë të dhënë, në vendin e duhur algorithm, në varësi të veprimeve të vizitorit.