CSS
Co je CSS
CSS je oblečení a zařízení bytu. HTML řekne, že tady je nadpis a tlačítko. CSS řekne, jakou má barvu, jaké písmo, jak je velké a jak to celé sedí vedle sebe. Bez CSS by web vypadal jako holý text na bílém papíře.
Lidsky řečeno
Když otevřete hezký web, vidíte barvy firmy, čitelné písmo, tlačítka, která jdou snadno trefit palcem, a rozložení, které v telefonu nespadne do sebe. To všechno je CSS. Je to návod pro prohlížeč, jak má kostru obléct. Jeden text může být velký nadpis. Druhý může být drobná poznámka. Tlačítko může svítit, aby bylo jasné, kam kliknout.
Proč na tom záleží
Lidé web nečtou jako knihu odshora. Nejdřív skenují. CSS pomáhá, aby oko vědělo, kam se podívat. Dobré CSS taky řeší, že stejný web vypadá rozumně na velkém monitoru i na malém telefonu. To není drobnost. Spousta lidí přijde z mobilu.
Jak to souvisí s HTML a JavaScriptem
HTML dodá obsah a význam. CSS dodá vzhled. JavaScript dodá chování, třeba po kliknutí. Vue nebo React pak můžou tu práci skládat z kousků. I tehdy CSS pořád hlídá, aby to nové, co se objeví, vypadalo stejně pečlivě jako zbytek webu. Barvy a písmo by měly držet pohromadě, ne každý kousek jinak.
Co CSS v praxi rozhoduje
Barvy, písmo, mezery, velikost tlačítek a to, jak se stránka chová na úzké obrazovce. Z grafického návrhu nebo firemních barev se stane pravidlo, které prohlížeč umí dodržet na počítači i v telefonu.
Časté otázky
Můžu mít web bez CSS?
Technicky ano, ale vypadal by jako surový dokument. Lidé by na něm dlouho nezůstali a na telefonu by se špatně ovládal.
Je CSS totéž co grafika?
Grafika je návrh. CSS je způsob, jak ten návrh opravdu nastavit na webu, aby fungoval ve všech běžných prohlížečích a velikostech obrazovky.
Proč někdy web na telefonu vypadá jinak?
Protože CSS umí říct: na úzké obrazovce dej věci pod sebe, zvětši tlačítka, schovej to, co by překáželo. To je správně. Web se má přizpůsobit, ne zmenšit jako fotka.