CSS-volič, a jeho role v formátování HTML dokumentu

Vytvoření webové stránky a plnit to s určitými prvky na webové stránce, bude každý čelit termín, jako je CSS-voliče. Slouží k přesnějšímu stanovení všechny prvky HTML souboru k jejich konstrukci a umístění na stránce. K tomu, vytvořit CSS dokument, který dá určitých selektory a jejich možnosti formátování: barvu, velikost, umístění a další. Každý web designer by měl vědět a umět správně zadat požadované volby. Jsou rozděleny podle typu, hlavního z nich budeme diskutovat níže.

Druhy selektory v CSS

V závislosti na který se aplikuje prvek ve formátu HTML, CSS, volič se může vztahovat k jedné z následujících skupin:

• Volič značka;
• Volič třída;
• id voliče;
• selektor atributů.

volič tag

To je také nazýván „Výběr typu“ nebo „prvek“, to je nejjednodušší a společné. Jako jeho CSS-dokumentu jsou jména prvků HTML souboru, který popisujeme. Například, pokud budeme muset nastavit styl odstavce, určíme vlastnosti a jejich hodnoty pro prvek p {pozadí: x; barva: y; Velikost: z}. V tomto případě jsou všechny odstavce webové stránky budou mít stejný formát (barvu pozadí, velikost textu, a tak dále. D.).

volič třída

A co když je třeba se ptát každý svůj bod se liší od ostatních stylů? K tomu, že je volič třídy.

CSS-dokument by v tomto případě obsahovat položku v následujícím tvaru: p.first {barva: x; font-size: y}. Proto jsme se definovat vlastnosti „barva“ a „velikost“ pouze pro první třídu odstavce.

V HTML dokumentu, v tomto případě vstoupil atribut class názvu stylu první. Třídy mohou být, stejně jako styl, který chcete použít pro webovou stránku prvky.

volič id

Často je potřeba definovat styl přesněji, například na jednom prvku na stránce, nebo je ochutnat. V této situaci je podpora přichází ID-selektor. Soubor html přiřadit požadovaný název položky, které jej identifikuje mezi ostatními. Například prvky, které chceme nastavit odlišný od ostatních stylu je nadpis článku.

Pak v HTML dokumentu přiřazením záhlaví h1 identifikátor, jako articlename. A v CSS-souboru, určit styl, čímž se název ID mřížka: #articlename {color: blue; text-align: center}. Nyní náš titulek bude mít modrou barvu a soustředěný.

Každý z výše uvedených typů může být popsán jako „jednoduchý CSS voliče“. Definují formátování pro určitý parametr HTML dokumentu: dohromady podobné prvky (například všechny body článku), jedna třída (například pouze první odstavec) nebo určitého bodu (například na titulní článek).

atribut selektory

Kromě výše uvedeného je zde CSS selektory atributů - složitější způsob stylů aplikací. Umožňuje formátu HTML prvků na vybraném atributu nebo hodnoty. Existuje několik druhů tohoto voliče:

• přítomností atributu;
• na jeho přesné hodnoty;
• částečným hodnoty atributu;
• na jeho konkrétní hodnotu.

Uvažujme každý z těchto druhů:

1. První případ. Formátování se použije, pokud jsou přítomny v konkrétním atributu html-kódu (může se jednat o p, div, hlavičky, atd.). Pokud tomu tak není, použije obecný pro všechny prvky stylu. Například, pokud jde o prvky, které mají v názvu (špičku nástroje).
2. Druhý případ. Styl platí pouze pro HTML prvky, které mají přesnou shodu hodnot atributů. Například pro vstup na tyto prvky, pokud hodnota atributu typ rovná odeslat.
3. Třetí případ. Podle formátu bude obsahovat pouze položky v seznamu hodnot, který má určité slovo. Například Sidebar atribut „class“ pro elementy div.
4. Čtvrtý případ. Styl je definována pouze pro ty prvky HTML dokumentu, jehož zejména atribut má určitou hodnotu, a začne s ním. Například, použití vybranou barvou na všechny prvky, které v anglickém jazyce atribut (který může být en, en-rus, en-au t. D.).

Tím, že použití jednoho nebo druhého, volič CSS, lze nejlépe specifikována jako celé webové stránky, a popsat některé jeho prvky.