Weboldal készítés és feltöltése egyes elemeit egy weboldal, mindenki szembe kell néznie a kifejezés, mint például a CSS-választó.Arra szolgál, hogy a legpontosabban meghatározni minden elemét html-fájlt a tervezés és helyét az oldalon.Ehhez hozzon létre egy CSS-egy dokumentum, amely részletezi az egyes kapcsolók és a formázási lehetőségek: szín, méret, pozíció, és a többi.Minden web designer tudnia kell, és hogy képes legyen megfelelően adja meg az időpontját választók.Ezek osztva típusú, a fő amelyek megbeszéljük alább.
típusai kijelölõket CSS
függően, hogy milyen html-elem vonatkozik formázás, CSS-választó utalhat egyik csoportokba:
- választó tag;
- osztályszelektor;
- id-választó;
- választó tulajdonítja.
Címkeválasztó
Úgy is hívják "típusú választó", és "a termék", ez a legegyszerűbb és a közös.Ahogy a CSS-dokumentumban elemek nevei html-fájl leírjuk.Például, ha kell állítani a bekezdés stílusát, akkor adja meg a tulajdonságokat és azok értékeit az elem p {background: x;szín: y;mérete: z}.Ebben az esetben minden paragrafus weboldal ugyanaz lesz a méret (a háttér színe, a szöveg méretét és hasonlók. D.).
osztályszelektor
De mi van, ha meg kell kérni a minden pontban különbözik más stílusok?Erre a célra van egy osztályszelektor.
CSS-dokumentum ebben az esetben tartalmazni fog egy hasonló bejegyzést a következő: p.first {color: x;font-size: y}.Így határozza meg a tulajdonságait "színes" és a "méret" csak egy bekezdés osztály első.
html-dokumentum ebben az esetben adja meg a class attribútum a stílus nevét először.Osztályok lehet annyi, mint a kívánt stílust alkalmazni weboldal elemek.
választó id
Gyakran van szükség, hogy meghatározzák a stílus pontosabban, például egyike eleme egy oldalt vagy mintájában.Ebben a helyzetben, hogy a támogatás id-választó.A html fájl rendelni kívánt tétel azonosító név is a többiek között.Például az elem, hogy szeretnénk beállítani egy stílust különbözik a többitől, majd headline cikket.
után rendelje html-dokumentum fejlécében H1 azonosító, mint articlename.És a CSS-fájlt meg a stílus, hozzátéve, hogy a név azonosító rács: #articlename {color: blue;text-align: center}.Most a főcím lesz a kék szín és középre.
Minden a fenti típusok nevezhetjük "egy egyszerű CSS-választó."Ők határozzák meg a formázás egy bizonyos paraméter html-dokumentum: a hasonló elemek (például minden pontban a cikk), az egyik osztály (például csak az első bekezdés), vagy egy adott elemet (például a cikk címe).
választó tulajdonítja
a fentieken túl, vannak CSS-ben attribútum szelektor - egy kifinomultabb módja, hogy használja a stílusokat.Ez lehetővé teszi a HTML formázás elemei a kiválasztott tulajdonság vagy érték.Számos fajta ez a szelektor:
- jelenléte által egy attribútum;
- annak pontos értékét;
- részleges attribútum értékét;
- a különösen értékes.
Nézzük mindegyik fajta:
- első esetben.A formázás alkalmazható, ha van egy adott attribútum a html-kódot (ez lehet p, div, fejléc, stb).Ha nem, akkor használja a közös az összes eleme a stílus.Például elemek, amelyek a cím (tooltip).
- második esetben.A stílus csak a html-elemeket, amelyek pontosan illeszkednek attribútum értékeket.Például, hogy ezek az elemek a bemeneti, ahol az érték a típus attribútum egyenlő benyújtására.
- harmadik eset.Az formátum között csak a lista elemeit az értékek, hogy van egy bizonyos szót.Például, Sidebar attribútum "osztály" a div elemeket.
- negyedik eset.Stílus határozza csak azokat az elemeket html-dokumentum, amelyben egy adott attribútum egy bizonyos értéket, és kezd vele.Például, a használata a megadott szín minden elemeket, attribútumokat, amelyek az angol nyelvet (ez lehet en, en-hun, en-au, és így tovább. D.).
használatával tehát egyik vagy másik CSS-választó lehet a legjobban elhelyezni egy egész weboldalt, és leírja néhány elemét.
