krouzek:css_2023

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Následující verze		 Předchozí verze
krouzek:css_2023 [2023/10/25 07:31] – adminkrouzek: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**, CSS se soustředí na **vzhled**. Jeho syntaxe se výrazně liší od HTML. Slouží také k jinému účelu. Zatímco HTML se snaží zachytit **význam**, CSS se soustředí na **vzhled**.
 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:
 //Následuje ChatGPT, rozšířeno a upraveno// //Následuje ChatGPT, rozšířeno a upraveno//
  
-====== Ú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 123: Řádek 123:
   * **color**: Barva textu; hodnoty jsou jména barev (např. "red") nebo kódové hodnoty (např. "#FF0000").   * **color**: Barva textu; hodnoty jsou jména barev (např. "red") nebo kódové hodnoty (např. "#FF0000").
   * **background-color**: Barva pozadí; hodnoty jsou stejné jako u `color`.   * **background-color**: Barva pozadí; hodnoty jsou stejné jako u `color`.
-  * **background-image**: Obrázek použitý jako pozadí prvku; hodnota obsahuje URL obrázku, např. ''%%url('pozadi.png')%%''+  * **background-image**: Obrázek použitý jako pozadí prvku; hodnota obsahuje URL obrázku, např. ''%%url('pozadi.png')%%''3. **background-repeat**: Opakování obrázku v pozadí; hodnoty zahrnují "repeat", "repeat-x", "repeat-y", "no-repeat". 
 +  * **background-size**: Velikost pozadí; hodnoty mohou být délky (px, em) nebo "cover", "contain". 
 +  * **background-position**: Pozice obrázku v pozadí; hodnoty zahrnují konkrétní pozice (např. "top left") nebo procentuální hodnoty. 
 +  * **background-attachment**: Chování pozadí vůči prvku; hodnoty zahrnují "scroll" a "fixed".
   * **font-size**: Velikost písma; hodnoty jsou v px, em, %, atd.   * **font-size**: Velikost písma; hodnoty jsou v px, em, %, atd.
   * **font-family**: Rodina písma; hodnoty jsou jména fontů nebo "generic font families" (např. "Arial", "serif", "sans-serif").   * **font-family**: Rodina písma; hodnoty jsou jména fontů nebo "generic font families" (např. "Arial", "serif", "sans-serif").
  • krouzek/css_2023.1698219104.txt.gz
  • Poslední úprava: 2023/11/15 20:54
  • (upraveno mimo DokuWiki)