Význam závorek v CSS

Autor: Robert Simon
Datum Vytvoření: 19 Červen 2021
Datum Aktualizace: 13 Smět 2024
Anonim
Význam závorek v CSS - Články
Význam závorek v CSS - Články

Obsah

Zkratka CSS pochází z anglických "kaskádových stylů" nebo "kaskádových stylů". CSS dává webovým vývojářům a návrhářům větší míru umělecké a designové kontroly tím, že odděluje obsah od parametrů zobrazení. Příkazy CSS jsou umístěny v záhlaví webového dokumentu a poté zobrazeny uvnitř těla webové stránky pomocí závorek - {}. Uvnitř závorek jsou závorky - () - nebo závorky - [] - které označují další prvky CSS.


Konzoly CSS se používají uvnitř těla webového dokumentu (Comstock / Comstock / Getty Images)

Klíče

Klíče jsou primárními prvky syntaxe CSS. Jedná se o otevírání a zavírání všech parametrů CSS obsažených v nich. Reprezentovány jako {}, následují prvky CSS, které znamenají obraz, pozici, prvek zobrazení nebo libovolnou kombinaci prvků. Klíče mohou existovat uvnitř nějakého elementu div / vrstva a jsou vždy uvnitř tagů "</ body>". Zde je příklad:

div # example {padding: 5px; okraj: 20px; šířka: 350px; }

Závorky

Relační prvky, například procenta a barvy, jsou uzavřeny v závorkách. Závorky poskytují další definici prvků CSS. Ve verzích CSS před CSS3 mohou závorky definovat prvky stejným způsobem jako klíče. Dva příklady jsou barva (definovaná hexadecimálním kódem) a obrázky na pozadí:


barva: rgb (128, 128, 255); obrázek: url ("/ images / bg.png")

Držáky

Závorky - [] - známé jako selektory atributů se používají k označení hodnot atributů prvku. V CSS2 byly čtyři různé hodnoty a byly přidány tři hodnoty s CSS3. Čtyři původní selektory definují přítomnost atributu - [title], odpovídající libovolnému prvku, který má specifikovaný atribut "title"; hodnota jednoduchého atributu - input [type = "send"], odpovídající libovolnému vstupnímu prvku, jehož typ atributu je roven "send"; hodnota atributu list - p [class ~ = "literary"], odpovídající odstavcům, jejichž atribut class je seznam slov oddělených mezerami, z nichž jeden je "literární"; a částečná hodnota atributu - [href ^ = "http:"], odpovídající elementům odkazu, jejichž hodnota atributu začíná "http:". Před zavedením aplikace Internet Explorer 7 se závorky příliš nepoužívaly, protože IE6 je nepoznal.


Jako prvky CSS se používá mnoho algebraických symbolů (BananaStock / BananaStock / Getty Images)

Chevrons

Selektory a části základních dokumentů jazyka HTML (Hypertext Markup Language) a XML (Extensible Markup Language) jsou ohraničeny špičatými závorkami, které jsou označovány jako chevrony. . Představují také podřízený prvek některých prvků CSS. V CSS, “výběr dítěte” je tvořen dvou nebo více položek oddělených chevron “>”. Ty označují určité definované části webové stránky: tělo, které je viditelná; vrstvy, které mohou být naskládány na sebe jako listy papíru; nebo titrace, označující určité objekty nebo data známá jako "mikroformáty".

CSS Poznámky

Oddělené od CSS závorek, ale stále cenným organizačním nástrojem pro zpracování rozvržení CSS, jsou stylové poznámky. Jedná se o komentáře, které do kódu HTML nic nepřidávají, a proto nezvyšují dobu načítání stránek; poskytují přehled o dlouhých a komplikovaných CSS. Poznámky v CSS jsou umístěny v rámci vlastního atributu - / * - takto:

/ Jakýkoli komentář je obsažen v segmentech ohraničených lomítkem a hvězdičkou. /

Mohou být nesmírně cenné, aby vám pomohly procházet části kaskádových stylů.

CSS vám může pomoci navrhovat stránky pro různé velikosti obrazovky bez vytváření samostatných rozvržení (Comstock / Comstock / Getty Images)

Odkazy

  • "CSS Mastery: Advanced Web Standards Solutions"; Andy Budd a kol. 2009
  • W3 Školy: Syntaxe CSS
  • "The Ultimate CSS Reference"; Tommy Olsson a kol. 2008

Lety

  • W3C: CSS Selectory [v angličtině]
  • New2HTML: Syntaxe CSS [v angličtině]