Vytvorenie webovej stránky a plniť to s určitými prvkami webovej stránky, bude každý čeliť termín, ako je CSS-voliča.Slúži k najpresnejšie určiť všetky prvky HTML súboru k ich konštrukcii a umiestnenie na stránke.Ak chcete urobiť, vytvorte CSS-dokument, ktorý kúziel určitých selektory a ich možnosti formátovania: farbu, veľkosť, umiestnenie a ďalšie.Každý web designer by mal vedieť, a musí byť schopný správne zadať údaje selektory.Sú rozdelené podľa typu, hlavné z ktorých sme diskutovať nižšie.
Druhy selektory v CSS
V závislosti na tom, čo html-element platí formátovania, CSS-volič môže odkazovať sa na jednej z nasledujúcich skupín:
- voliča tagov;
- volič trieda;
- id volič;Atribúty
- voliča.
volič tag
To je tiež nazývaný "volič typu" a "na položku", to je najviac jednoduchý a obyčajný.Ako jeho CSS-dokumente sú názvy prvkov html-súborov, ktoré popisujú.Napríklad, ak budeme musieť nastaviť štýl odseku, môžeme určiť vlastnosti a ich hodnoty pre prvok P {background: x;farba: y;Veľkosť: z}.V tomto prípade, všetky odseky webové stránky budú mať rovnaký formát (farbu pozadia, veľkosť textu a podobne. D.).
volič trieda
Ale čo keď je potrebné sa pýtať každý váš odsek sa líši od ostatných štýlov?Pre tento účel je tu volič trieda.
CSS-dokument v tomto prípade, bude obsahovať položka podobné nasledovné: p.first {color: x;font-size: y}.Preto sme sa definovať vlastnosti "farba" a "veľkosť" len pre odsek triedy prvý.
v HTML dokumente, v tomto prípade, zadajte atribút na názov štýlu prvej triedy.Triedy môžu byť, rovnako ako štýl, ktorý chcete použiť na webových stránok prvky.
volič id
Často je nutné definovať štýl presnejšie, napríklad na jednom prvku stránky, alebo v ich vzorke.V tejto situácii, podpora pochádza ID-selektor.Html súbor priradiť požadovaný názov položky, ktoré ho identifikuje medzi ostatnými.Napríklad, prvok, ktorý chceme nastaviť štýl odlišný od ostatných, bude článok titulok.
Potom priradiť html-dokument identifikátor header h1, taký articlename.A v CSS-súboru, nastaviť štýl, pridanie do identifikátorom názov mriežkou: #articlename {color: blue;text-align: center}.Teraz náš titulok bude modrá farba a stred.
Každý z vyššie uvedených typov možno nazvať "jednoduchý CSS-volič."Oni definujú formátovania pre konkrétnu parameter HTML dokumentu: dohromady podobné prvky (napríklad všetky odseky článku), jednu triedu (napríklad iba prvý odsek), alebo zvláštne položka (napríklad názov článku).Atribúty
volič
Okrem vyššie uvedeného, sú CSS-in selektory atribútov - sofistikovanejšie spôsob, ako používať štýly.To umožňuje html prvky formátovania vybraného atribútu alebo hodnoty.Existuje niekoľko druhov tohto voliča:
- prítomnosťou atribútu;
- na jeho presné hodnoty;
- o čiastočnom atribútu hodnoty;
- jeho konkrétnu hodnotu.
Zamyslime sa každý z týchto odrôd:
- prvý prípad.Formátovanie sa použije, ak existuje špecifický atribút v HTML kóde (to môže byť p, div, záhlavie, atď.).Ak tomu tak nie je, to používa všeobecný pre všetky prvky štýlu.Napríklad, prvky, ktoré majú titul (popisku).
- druhý prípad.Štýl sa vzťahuje iba na HTML prvkov, ktoré sú presné hodnoty atribútu zápas.Napríklad, na tie prvky vstupe, kde hodnota typ atribútu rovná odoslať.
- Tretí prípad.Podľa formátu bude obsahovať len položky v zozname hodnôt, ktoré má určité slovo.Napríklad, Sidebar atribút "class" v prvkoch div.
- štvrtý prípad.Štýl je definovaná len pre tie prvky, html-dokument, v ktorom konkrétny atribút má určitú hodnotu, a začne s ním.Napríklad, použitie špecifikovanej farby na všetky prvky, atribúty, ktoré anglický jazyk (to môže byť en, en-Rus, en-AU, a tak ďalej. D.).
Tak, použitie jedného alebo iný CSS-volič možno najlepšie umiestnený v celej webovej stránky, a popísať niektoré jeho prvky.
