CSS (Cascading Style Sheets) je deklaratívny jazyk, ktorým určujeme, ako sa webová stránka zobrazí v prehliadači. Nastavuje farby, písma, medzery a rozloženie prvkov. Zvyčajne štýluje prvky HTML, no použiť sa dá aj pri iných značkovacích jazykoch, napríklad SVG.
Ako vyzerá CSS pravidlo?
Pravidlo pozostáva zo selektora a z deklarácií. Selektor vyberie prvky a deklarácie priradia vlastnostiam hodnoty. Napríklad pravidlo p { color: yellow } zafarbí text všetkých odsekov na žlto. Slovo „kaskádové“ označuje pravidlá, podľa ktorých sa rozhoduje, ktorý selektor má prednosť, keď sa na jeden prvok vzťahuje viac pravidiel.
Aké miesto má CSS medzi technológiami webu?
CSS je jednou z troch základných technológií webu. HTML určuje štruktúru, CSS vzhľad a JavaScript správanie. Oddelenie štruktúry a vzhľadu umožňuje zmeniť dizajn bez zásahu do obsahu.
Ako CSS súvisí so SEO?
- Umožňuje responzívny dizajn cez media queries a flexibilné rozloženia.
- Správne nastavené rozmery prvkov pomáhajú predísť posunom obsahu, pozri CLS.
- Veľké alebo zbytočné štýly spomaľujú vykreslenie, pozri rýchlosť stránky.
Čo si zapamätať o pojme CSS?
CSS dáva stránke vzhľad a rozloženie. Pre SEO je dôležité, aby bolo štíhle a aby web fungoval aj na mobile.
Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem CSS rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.
Súvisiace pojmy: HTML, Responzívny dizajn, CLS, UI, Rýchlosť stránky, Bootstrap, Cross-browser testovanie, Frontend, JavaScript, Minifikácia, Sémantické HTML, Skrytý text a odkazy, Tailwind CSS, Viewport meta tag, Vue, W3C, Webový prehliadač
Často kladené otázky o pojme CSS
Čo je CSS?
Čo znamená skratka CSS?
Prečo sa hovorí kaskádové?
Je CSS programovací jazyk?
Ovplyvňuje CSS rýchlosť webu?
Zdroje
- MDN Web Docs: CSS (Glossary)Definícia CSS a kaskáda.
- MDN Web Docs: Responsive designCSS pre responzívny dizajn.
- web.dev: Cumulative Layout Shift (CLS)Posuny obsahu a rozmery prvkov.