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ě]