Áður CSS - upprunalega, þægileg, hagnýt

Gervi-þætti og gervi-flokkum CSS: fyrir, eftir, sveima, virkur, o.fl. - áhrifaríkt tækifæri til að bæta gæði og einfalda framkvæmd síðuna, ekki þar á meðal JavaScript-dýraþjálfari kóða á hið augljósa, þurfa ekki flókið viðbrögð hönnun, þætti viðburðir, samræður og aðgerðir gesti.

Gervi þægilegt, margnota, hafa veruleg og krossaspurningum eiginleika fyrir einföldum og flóknum skálum Höfundarréttur: hvernig upprunalega vekja athygli, óaðfinnanlega skýra aðgerðir þarf til að koma vísbendingu á réttum stað.

Mikla möguleika opna þegar tilgreindur url () í innihald gervi. Reyndar, þetta valkostur opnar nýjar sjóndeildarhringinn, bæði hvað varðar sækja neitt á síðunni, og hugsanlega virkjun neitt hvar

A sérkenni gervi

Gervi (:: áður CSS :: eftir) frábrugðin þeim þáttum, selectors og gervi-flokkum sem ekki upphaflega hendi í skjal tré. Kannski, í raun er það ekki sérstaklega mikilvægt, en ef við lítum á spurninguna um að setja efni á síðuna treystirðu innihald eign eitthvað þroskandi fyrir leitarvél ekki skynsamleg.

Gervi :: áður CSS leyfa þér að bæta við efni í frumefni, og :: eftir - eftir. Innihald getur verið allt frá einföldum texta á flóknum formatting varðar CSS eiginleika, en ekki HTML tags. Gervi getur verið fullkomlega staðsettur inni í frumefni, sem er fest við, vegna þess að merking fyrir og eftir er afstæður og farsíma. Þú getur ekki bara tilgreina stöðu, en einnig stærðir, litir, bakgrunn, letur, og nota aðrar aðgerðir CSS.

Sem gervi CSS, fyrir og eftir eru á undan með tákninu ":", en CSS3 Hefðbundinn ráðlagður "::". Til að prófa ákveðna notkun á síðu mun aldrei vera meira en sumir vafrar eða útgáfa getur einfaldlega ekki taka ákveðna gervi.

Almennir Notkunarskilmálar

Með því að setja, t.d. div þáttur lýsa class = 'scElement' og efni "Element" á síðunni, sem gefur til kynna að CSS stíl blaði lýsingu:

.scElement {
STAÐA ...;
Z-Index ...;
...

}

þú getur sótt um gervi ": sveima" gervi og ":: fyrir" CSS:

.scElement: sveima :: áður en {content: 'forskeytið'; lit ...; background-litur ...;}.

Svo þegar þú sveima músarbendilinn á undan orðinu "Element" birtist orðið "forskeytið", sem mun breyta lit á bréfum og bakgrunni.

Efnistilbrigði gervi

Ef þú tilgreinir ekki gervi eiginleika, þeir vilja vera sú sama og í aðal þáttur - scElement. Þú getur tilgreint slóðina, og þá innihald eign: url ( '/ scBox / RM-v / SC-rights.png') þegar bendillinn sýnir myndina á frumefni. Sé um að ræða efni: "\ 03B1" birtist stærðfræðilega tákn "alfa", en nota sértákn: "& nbsp;", " & lt;", "& Laquo;", "& raquo;" og aðrir ekki - þeir verða birtar eins og er.

Leyfð einhver fjöldi af valkostur til að tilgreina innihald pseudo-: eðlilegt "texta", url (), röð af sextándakerfisstöfum, vísa til: opinn-vitna / loka-vitna, eða ekki-opinn-vitna / ekki-loka-vitna, o.fl. Eins getur verið vísbending um algera stöðu efni. í stíl eiginleika, með því að beita áður, CSS mun setja gervi hvar sem er í frumefni sem hann er tengdur.

Þú getur sameinað samtímis notkun fyrir og eftir. Því setja með CSS áður stafi efnis, er hægt að fá margs konar áhrif, sameina mismunandi gervi-flokkum og gervi-þætti, óvart gesturinn, ekki eyða á sama tíma, jafnvel einn bæti-kóða JavaScript.

Features gervi

Fyrir tilnefningar þeirra samþykkt ":" karakter, auk þess að vísa til gervi, en ólíkt CSS3 gervi yfirleitt táknað með "::". Vafra sem skilja það, skynja bæði tilnefningar. Eyður í upptökunni er ekki heimilt, strengurinn sem skráð og gervi (eða aðeins) gervi skráð saman:

scElement: sveima :: áður en {content: 'forskeytið'; ...}

scElement: Active: á eftir {content: 'viðskeyti'; ...}

Það er mikilvægt að muna: CSS áður en að keyra út af the staður efni. Stílar eru ekki tengdar við innihald síðunnar. Gervi - er engin undantekning. Þeir birtast ekki í DOM tré og óæskilegt að nota þá í viðeigandi hlutum á síðuna - í efni, þeir vilja ekki fá.

Nota "" og "::" er studd af hreyfanlegur pallur og nútíma vöfrum, en athuga vinnu við eldri útgáfur eru oft ekki óþarfur.

Innihald gervi-ekki innifalin í efni síðunnar. Það mun ekki sjá leitarvélum. Hvernig á að nota þessa aðstæður - veltur á tilteknum aðstæðum, heldur möguleiki á að nota CSS áður sem og eftir, sjálfstætt eða í flóknu, áhugavert þegar efni er url (). Bein notkun Google gervi og tenglum á síðuna, verður að leyfa honum að sækja skrá, til dæmis, mynd.

Geta til að breyta stíl skrár á netinu (stílblöð skrár - ekki undantekning) er ekki að trufla formi og nota gervi eins og það er þægilegt á hverjum tíma, á réttum stað reiknirit, eftir aðgerðir gesturinn er.