Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
krouzek:css_2023 [2023/10/25 07:29] – admin | krouzek:css_2023 [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1 | ||
---|---|---|---|
Řádek 8: | Řádek 8: | ||
----- | ----- | ||
- | === CSS === | + | ===== CSS ===== |
Jeho syntaxe se výrazně liší od HTML. Slouží také k jinému účelu. Zatímco HTML se snaží zachytit **význam**, | Jeho syntaxe se výrazně liší od HTML. Slouží také k jinému účelu. Zatímco HTML se snaží zachytit **význam**, | ||
Když CSS vepíšete jen tak do stránky, udělá z něj prohlížeč čistě text. | Když CSS vepíšete jen tak do stránky, udělá z něj prohlížeč čistě text. | ||
Řádek 19: | Řádek 19: | ||
// | // | ||
- | ====== Úvod do CSS (Cascading Style Sheets) | + | ==== Úvod do CSS (Cascading Style Sheets) ==== |
CSS (Cascading Style Sheets) je jazyk, který slouží k definování vizuálního stylu a formátování webových stránek. Tento nástroj umožňuje oddělit obsah stránky (použitím HTML) od jeho vizuální prezentace. V této úvodní lekci se zaměříme na základní koncepty CSS, jeho syntaxi a způsoby, jak můžete používat CSS k úpravě vzhledu vašich webových stránek. | CSS (Cascading Style Sheets) je jazyk, který slouží k definování vizuálního stylu a formátování webových stránek. Tento nástroj umožňuje oddělit obsah stránky (použitím HTML) od jeho vizuální prezentace. V této úvodní lekci se zaměříme na základní koncepty CSS, jeho syntaxi a způsoby, jak můžete používat CSS k úpravě vzhledu vašich webových stránek. | ||
- | ===== Co je CSS? ===== | + | ==== Co je CSS? ==== |
vlastností CSS: | vlastností CSS: | ||
Řádek 33: | Řádek 33: | ||
- | ===== Příklad CSS pravidla | + | ==== Příklad CSS pravidla ==== |
Nyní si představme jednoduchý příklad CSS pravidla: | Nyní si představme jednoduchý příklad CSS pravidla: | ||
Řádek 120: | Řádek 120: | ||
---- | ---- | ||
==== CSS Vlastnosti ==== | ==== CSS Vlastnosti ==== | ||
+ | Tady jsou ty nejpoužívanější: | ||
* **color**: Barva textu; hodnoty jsou jména barev (např. " | * **color**: Barva textu; hodnoty jsou jména barev (např. " | ||
* **background-color**: | * **background-color**: | ||
+ | * **background-image**: | ||
+ | * **background-size**: | ||
+ | * **background-position**: | ||
+ | * **background-attachment**: | ||
* **font-size**: | * **font-size**: | ||
* **font-family**: | * **font-family**: |