CSS-választó, és szerepe a formázás HTML dokumentum

Weboldal készítés és megtölti azt bizonyos elemeit a weboldal, mindenki szembe egy olyan kifejezés, mint a CSS-választó. Arra szolgál, hogy pontosabban meghatározzák minden eleme html-fájlt a tervezési és helyét az oldalon. Ehhez hozzon létre egy CSS-egy dokumentumot, hogy mondja ki az egyes szelektor és formázási lehetőségek közül: szín, méret, elhelyezkedés és a többi. Minden web designer tudnia kell, és képes legyen megfelelően adja meg a kívánt beállításokat. Ezek osztva típusú, a fő amelyek megbeszéljük az alábbiakban.

Féle szelektor CSS

Attól függően, hogy mely elem alkalmazzák html formátumú, CSS-választó vonatkozhat az alábbi csoportok:

• Címkeválasztó;
• osztály választó;
• id-választó;
• attribútum választó.

Címkeválasztó

Úgy is nevezik: „választó” vagy „elem”, ez a legegyszerűbb és a közös. Ahogy a CSS-dokumentumban a nevei elemeinek html-fájl, amit leírni. Például, ha be 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éret: z}. Ebben az esetben minden pontjában a weboldal lesz azonos méret (háttérszín, a szöveg mérete, és így tovább. D.).

osztályszelektor

És mi van, ha van, kérje meg minden bekezdés eltér más stílus? Ehhez van egy osztály választó.

CSS-dokumentum ebben az esetben lenne olyan bejegyzést tartalmaz a következő formában: p.first {színe: x; font-size: y}. Így határozza meg a tulajdonságait „színes” és a „méret” csak az első osztályú bekezdés.

Egy html-dokumentum ebben az esetben lépett egy class attribútumot a stílus nevét először. Osztályok lehetnek, mint a kívánt stílust alkalmazni a weboldal elemek.

Selector id

Gyakran van szükség, hogy meghatározzák a stílus, pontosabban például egyike eleme az oldalon, vagy kóstolja őket. Ebben a helyzetben, hogy a támogatás id-választó. A html fájl rendelni kívánt elem nevét, amely azonosítja azt a többiek között. Például az elemeket, hogy szeretnénk, hogy különböző más stílus lesz a cikk címe.

Aztán egy HTML dokumentumot hozzárendeljük a fejléc h1 azonosító, például articlename. És a CSS-fájl, adja meg a stílus, hozzátéve, hogy az azonosító neve rács: #articlename {color: blue; text-align: center}. Most a kiemelt lesz a kék szín és középre.

Mind a fenti típusú lehet leírni, mint „egyszerű CSS-választó”. Ezek határozzák meg a formázás egy adott paraméter a html-dokumentum: a hasonló elemeket (például a bekezdések 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).

attribútum szelektor

Amellett, hogy a fenti, van egy CSS-választókat attribútumok - bonyolultabb eljárás alkalmazása stílusokat. Ez lehetővé teszi a html formátumú elemek a kiválasztott tulajdonság vagy érték. Számos fajta ez a választó:

• a jelenléte az attribútum;
• annak pontos érték;
• részleges attribútum értéket;
• annak bizonyos értéket.

Nézzük meg egyes fajoknál:

1. Az első esetben. A formázás alkalmazzák, ha jelen van egy bizonyos tulajdonság html-kód (ez lehet egy p, div, fejléc, stb.) Ha nem, akkor használja a közös az összes elemet a stílus. Például, az elemek, amelyek a cím szerinti (szerszámcsúcs).
2. A második eset. A stílus csak a html-elemeket, amelyek pontosan illeszkednek a tulajdonságok értékeit. Például, hogy adja meg a elemet, ahol az érték a type attribútum értéke nyújtson.
3. A harmadik eset. Az formátum között csak a lista elemeit az értékek, amelyek egy bizonyos szót. Például sideBar attribútum „osztály” elemeket div.
4. A negyedik eset. Stílus meghatározása csak azokat az elemeit html-dokumentum, melynek bizonyos attribútum egy bizonyos értéket, és kezd vele. Például, a használata a megadott szín az összes elemet, amely az angol nyelv attribútumot (amely lehet en, en-rus, en-au és t. D.).

Így használatával az egyik vagy a másik, a CSS-választó, a legjobban meghatározni egy teljes weboldalt, és leírja néhány elemét.