HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

CSS tutoriál

DOMŮ CSS Úvod do CSS Syntaxe CSS Selektory CSS CSS Jak na to Komentáře CSS CSS barvy
Barvy RGB HEX HSL
CSS pozadí
Barva pozadí Obrázek na pozadí Opakování pozadí Příloha na pozadí Těsnopis pozadí
Hranice CSS
Hranice Šířka okraje Barva ohraničení Hraniční strany Hraniční těsnopis Zaoblené hranice
Okraje CSS
Okraje Zhroucení okraje
CSS padding Výška/šířka CSS CSS Box Model obrys CSS
Obrys Šířka obrysu Barva obrysu Zkratka obrysu Posun obrysu
Text CSS
Barva textu Zarovnání textu Textová dekorace Transformace textu Mezery textu Textový stín
CSS písma
Rodina písem Písmo Web Safe Záložní písma Styl fontu Velikost písma Písmo Google Párování písem Zkratka písma
Ikony CSS CSS odkazy CSS seznamy CSS tabulky
Hranice stolu Velikost stolu Zarovnání tabulky Styl tabulky Tabulka reagující
Zobrazení CSS CSS Max-šířka Pozice CSS CSS Z-index Přetečení CSS CSS Float
Plovák Průhledná Příklady plováků
CSS Inline-block CSS zarovnat CSS kombinátory Pseudotřída CSS Pseudoprvek CSS Neprůhlednost CSS Navigační lišta CSS
Navbar Vertikální navigační lišta Horizontální navigační lišta
Rozbalovací seznamy CSS Galerie obrázků CSS CSS obrázkoví skřítci CSS Attr Selectory CSS formuláře Počítadla CSS Rozvržení webu CSS Jednotky CSS Specifičnost CSS CSS !důležité Matematické funkce CSS

Pokročilé CSS

CSS zaoblené rohy Obrázky ohraničení CSS CSS pozadí CSS barvy Klíčová slova barev CSS Přechody CSS
Lineární přechody Radial Gradients Conic Gradients
CSS Shadows
Shadow Effects Box Shadow
Textové efekty CSS Webová písma CSS CSS 2D transformace CSS 3D transformace Přechody CSS CSS animace CSS Tooltips Obrázky ve stylu CSS CSS obrazový odraz Přizpůsobení objektu CSS CSS objekt-pozice CSS maskování Tlačítka CSS Stránkování CSS Více sloupců CSS Uživatelské rozhraní CSS CSS proměnné
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
Velikost CSS boxu CSS mediální dotazy Příklady CSS MQ CSS Flexbox
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

CSS responzivní

Úvod RWD Výhled RWD Zobrazení mřížky RWD Dotazy na média RWD Obrázky RWD Videa RWD Rámce RWD Šablony RWD

CSS mřížka

Úvod do mřížky Mřížkový kontejner Položka mřížky

CSS SASS

Výukový program SASS

Příklady CSS

CSS šablony Příklady CSS css kvíz Cvičení CSS CSS certifikát

CSS reference

Reference CSS Selektory CSS Funkce CSS CSS Reference Aural Webová bezpečná písma CSS CSS animovatelné Jednotky CSS Převodník CSS PX-EM CSS barvy Hodnoty barev CSS Výchozí hodnoty CSS Podpora prohlížeče CSS

Responzivní web design – úvod

❮ Předchozí Další ❯

Co je responzivní web design?

Responzivní webový design zajistí, že vaše webová stránka bude vypadat dobře na všech zařízeních.

Responzivní webový design využívá pouze HTML a CSS.

Responzivní web design není program ani JavaScript.

Navrhování pro nejlepší zážitek pro všechny uživatele

Webové stránky lze prohlížet pomocí mnoha různých zařízení: stolních počítačů, tabletů a telefonů. Vaše webová stránka by měla vypadat dobře a měla by se snadno používat bez ohledu na zařízení.

Webové stránky by neměly vynechávat informace, aby se vešly na menší zařízení, ale spíše by měly svůj obsah přizpůsobit jakémukoli zařízení:



plocha počítače

Tableta

Telefon

Nazývá se responzivní web design, když používáte CSS a HTML ke změně velikosti, skrytí, zmenšení, zvětšení nebo přesunutí obsahu, aby vypadal dobře na jakékoli obrazovce.

Pokud níže uvedenému příkladu nerozumíte, nebojte se, v následujících kapitolách kód rozebereme krok za krokem:



❮ Předchozí Další ❯