CSS-volič, a jeho úloha v formátovanie HTML dokumente

Vytvorenie webovej stránky a plniť to s určitými prvkami na webovej stránke, bude každý čeliť termín, ako je CSS-voliča. Slúži k presnejšiemu stanovenia všetky prvky HTML súboru k ich konštrukcii a umiestnenia na stránke. K tomu, vytvoriť CSS dokument, ktorý dá 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 vedieť správne zadať požadované voľby. Sú rozdelené podľa typu, hlavného z nich budeme diskutovať nižšie.

Druhy selektory v CSS

V závislosti na ktorý sa aplikuje prvok vo formáte HTML, CSS, volič sa môže vzťahovať k jednej z nasledujúcich skupín:

• Volič značka;
• Volič trieda;
• id voliča;
• selektor atribútov.

volič tag

To je tiež nazývaný "Výber typu" alebo "prvok", to je najjednoduchšie a spoločné. Ako jeho CSS-dokumente sú mená prvkov HTML súboru, ktorý popisujeme. Napríklad, ak budeme musieť nastaviť štýl odseku, určíme vlastnosti a ich hodnoty pre prvok p {pozadia: x; farba: y; Veľkosť: z}. V tomto prípade sú všetky odseky webové stránky budú mať rovnaký formát (farbu pozadia, veľkosť textu, a tak ďalej. D.).

volič trieda

A čo keď je potrebné sa pýtať každý svoj bod sa líši od ostatných štýlov? K tomu, že je volič triedy.

CSS-dokument by v tomto prípade obsahovať položku v nasledujúcom tvare: p.first {farba: x; font-size: y}. Preto sme sa definovať vlastnosti "farba" a "veľkosť" len pre prvú triedu odseku.

V HTML dokumente, v tomto prípade vstúpil atribút class názvu štýlu prvý. Triedy môžu byť, rovnako ako štýl, ktorý chcete použiť pre webovú stránku prvky.

volič id

Často je potreba definovať štýl presnejšie, napríklad na jednom prvku na stránke, alebo ich ochutnať. V tejto situácii je podpora prichádza ID-volič. Súbor html priradiť požadovaný názov položky, ktoré ho identifikuje medzi ostatnými. Napríklad prvky, ktoré chceme nastaviť odlišný od ostatných štýlu je nadpis článku.

Potom v HTML dokumente priradením hlavičku h1 identifikátor, ako articlename. A v CSS-súboru, určiť štýl, čím sa názov ID mriežka: #articlename {color: blue; text-align: center}. Teraz náš titulok bude mať modrú farbu a sústredený.

Každý z vyššie uvedených typov môže byť opísaný ako "jednoduchý CSS voliča". Definujú formátovanie pre určitý parameter HTML dokumentu: dohromady podobné prvky (napríklad všetky body článku), jedna trieda (napríklad iba prvý odsek) alebo určitého bodu (napríklad na titulnej článok).

atribút selektory

Okrem vyššie uvedeného je tu CSS selektory atribútov - zložitejší spôsob štýlov aplikácií. Umožňuje formáte HTML prvkov na vybranom atribútu alebo hodnoty. Existuje niekoľko druhov tohto voliča:

• prítomnosťou atribútu;
• na jeho presné hodnoty;
• čiastočným hodnoty atribútu;
• na jeho konkrétnu hodnotu.

Uvažujme každý z týchto druhov:

1. Prvý prípad. Formátovanie sa použije, ak sú prítomné v konkrétnom atribútu html-kódu (môže ísť o p, div, hlavičky, atď.). Ak tomu tak nie je, použije všeobecný pre všetky prvky štýlu. Napríklad, pokiaľ ide o prvky, ktoré majú v názve (špičku nástroje).
2. Druhý prípad. Štýl platí len pre HTML prvky, ktoré majú presnú zhodu hodnôt atribútov. Napríklad pre vstup na tieto prvky, ak hodnota atribútu typ rovná odoslať.
3. 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" pre elementy div.
4. Štvrtý prípad. Štýl je definovaná len pre tie prvky HTML dokumentu, ktorého najmä atribút má určitú hodnotu, a začne s ním. Napríklad, použitie vybranou farbou na všetky prvky, ktoré v anglickom jazyku atribút (ktorý môže byť en, en-rus, en-au t. D.).

Tým, že použitie jedného alebo druhého, volič CSS, možno najlepšie špecifikovaná ako celé webové stránky, a popísať niektoré jeho prvky.