CSS aurretik - original, eroso, praktiko

Pseudo-elementuak eta sasi-klaseak CSS: lehen, ondoren, pasatzean, aktiboa, etab - aukera eraginkorra kalitatea hobetzeko eta errazteko exekuzioa gune, ez Javascript-kudeatzailea bistako on-kodea ere, behar ez konplexua erreakzio diseinuak, elementu gertaerak, elkarrizketa eta bisitariaren ekintzak.

nola original marrazteko arreta, baitituzte aholku bat ekarri leku egokian beharrezkoak diren ekintzak argitzeko: Pseudo erosoa, funtzio anitzeko, aukeratu propietate esanguratsu eta anitz sinple eta konplexuak copyright zartagin dute.

Great irtenbideak ireki zenean zehaztutako URL () sasi edukietan ere. Izan ere, aukera hau irekitzen horizonte berriak, bai deskargatu orrira ezer dagokionez, eta ahalik ezer aktibazioa lekutan

sasi ezaugarri bereizgarria

Pseudo (:: CSS aurretik, :: ondoren) elementu, Selectors eta sasi-klase hori ez jatorriz dokumentu zuhaitzean existitzen desberdinak. Agian, praktikan ez da bereziki garrantzitsua da, baina gunean edukiak jarriz auzia kontuan hartzen badugu, edukia zerbait bilatzailea ez du zentzurik for esanguratsu jabetzakoak fidagarria.

Pseudo :: CSS ahalbidetzen aurretik edukia gehitzeko nahi elementua, eta :: ondoren - eta gero. Edukiak daiteke formatu-konplexua testu errazak CSS propietate dagokionez, baina ez HTML etiketa aldatu egiten dira. Pseudo primeran elementu, hau da erantsita barruan kokatu daiteke, aurretik eta ondoren esanahia erlatiboa eta mugikorra delako. Ezin duzu besterik zehaztu posizioan, baina baita tamaina, kolore, jatorri, tipoak, eta beste CSS ezaugarriak erabili.

As sasi CSS du, aurretik eta sinbolo du aurretik ondoren ":", baina CSS3 estandarra gomendatzen "::". orri batean erabilera jakin bat probatzeko dira inoiz gehiago nabigatzaile edo bertsio batzuk baino besterik gabe, ez sasi jakin bat nabarituko.

Erabilera Baldintza Orokorrak

, Jarriz adibidez, elementu div class = 'scElement' eta edukia "elementua" orrialdera deskribatzen, CSS-estilo orri azalpenean adieraziz:

.scElement {
JARRERA ...;
z-indizea ...;
...

}

": Pasatzean" sasi bat eskatu ahal izango da sasi eta ":: aurretik" CSS:

.scElement: pasatzean :: {edukiaren aurretik: 'aurrizkia'; color ...; background-color ...;}.

Orduan, pasatzean saguaren erakuslea 'Element' hitzaren aurretik 'prefix' hitza, letrak eta atzeko kolorea aldatu egingo agertuko da.

Eduki aldakuntzak sasi

scElement - Ez baduzu sasi propietate zehaztu, elementu nagusia dela berdina izango dute. URL eduki jabetza zehaztu dezakezu, eta gero: url ( '/ scBox / RM-v / sc-rights.png') kurtsorea elementu irudia erakusten ditu. edukien kasuan: "\ 03B1" matematiko agertzen ikurra "alfa", baina karaktere bereziak erabiltzen dituzte: "& nbsp;", " & lt;", "& laquo;", "& raquo;" eta beste batzuk ez - dira agertuko dira baita.

Onartutako aukera asko sasi edukia zehazteko: "testua" normal, URL (), karaktere hamaseitar sekuentzia bat, aipatzeko: open-aurrekontua / hurbil-aurrekontua, edo ez-open-aurrekontua / ez-gertutik aurrekontua eta abar bezala, eduki posizio absolutua adierazle izan daitezke. style propietate bidez, aurretik aplikatuz, CSS sasi jarriko lekutan elementu batean zein da konektatuta dago.

aldibereko erabilera konbinatu ahal izango duzu aurretik eta ondoren. Beraz, eduki pertsonaiak aurretik CSS erabilita jarriz, efektu hainbat eskuratu ahal izango duzu, beste sasi-klaseak eta sasi-elementuak konbinatuz, harrituko bisitariak, ezta byte-kode bakar bat Javascript aldi berean gastatzea.

Ezaugarriak sasi

For euren izendapen adoptatu ":" pertsonaia, baita sasi aipatzeko, baina CSS3 sasi normalean bidez adierazten ez bezala "::". Hori ulertzen nabigatzaileak, bi izendapen hautematen. grabazioan hutsuneak ez da baimentzen, katea grabatzen ari da eta sasi (edo ez) sasi grabatutako elkarrekin:

scElement: pasatzean :: {edukiaren aurretik: 'aurrizkia'; ...}

scElement: aktiboa: {content ondoren: 'atzizkia'; ...}

Garrantzitsua da gogoratzea: CSS gune edukiak agortzen aurretik. Estiloak ez dira orriaren edukiari lotutako. Pseudo - ez da salbuespena. Ez dute DOM zuhaitz agertzen eta txarrak horiek erabili Gunean atal garrantzitsuenak ere - edukian, ez dute lortuko.

Erabiltzea "" eta "::" da plataforma mugikorrak eta nabigatzaile modernoak onartzen, baina bertsio zaharretan lana egiaztatzeko askotan ez daude soberan.

edukia sasi-ez dituztela edukiak sartzen. Ez da ikusten bilatzaileak. Nola egoera hau erabili ahal izateko - Egoera zehatz araberakoa da, baina CSS aurretik erabiliz, baita ostean, independentean edo konplexu batean egiteko aukera, interesgarria edukiak URL bat da (). edukien sasi gunean estekak gisa erabiltzea zuzena, fitxategi batean irudi bat jaitsi nahi zion, adibidez, aukera emango du.

style fitxategiak aldatzeko online (Kaskadako estilo-orriak irudiak - salbuespena) gaitasuna ez duen inprimakia oztopatzeko eta sasi erabili edozein momentutan erosoa baita, leku egokian algoritmoa ere, bisitariaren ekintzak arabera.