Úvod do CSS
CSS je jazyk, který používáme ke stylování webové stránky.
Co je CSS?
- CSS je zkratka pro Cascading Style Sheets
- CSS popisuje, jak mají být prvky HTML zobrazeny na obrazovce, na papíře nebo v jiných médiích
- CSS ušetří spoustu práce. Může ovládat rozvržení více webových stránek najednou
- Externí šablony stylů jsou uloženy v souborech CSS
CSS Demo - Jedna HTML stránka - Více stylů!
Zde ukážeme jednu HTML stránku zobrazenou se čtyřmi různými styly. Chcete-li zobrazit různé styly, klikněte na níže uvedené odkazy „Stylesheet 1“, „Stylesheet 2“, „Stylesheet 3“, „Stylesheet 4“:
Proč používat CSS?
CSS se používá k definování stylů pro vaše webové stránky, včetně designu, rozvržení a variací zobrazení pro různá zařízení a velikosti obrazovky.
Příklad CSS
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
CSS vyřešilo velký problém
HTML NIKDY nemělo obsahovat značky pro formátování webové stránky!
HTML byl vytvořen k popisu obsahu webové stránky, jako je:
<h1>Toto je nadpis</h1>
<p>Toto je odstavec.</p>
Když byly do specifikace HTML 3.2 přidány značky jako <font> a atributy barev, začala to pro webové vývojáře noční můra. Vývoj velkých webových stránek, kde byly na každou stránku přidávány fonty a informace o barvách, se stal dlouhým a nákladným procesem.
K vyřešení tohoto problému vytvořilo World Wide Web Consortium (W3C) CSS.
CSS odstranilo formátování stylu ze stránky HTML!
Pokud nevíte, co je HTML, doporučujeme vám přečíst si náš HTML tutoriál .
CSS ušetří spoustu práce!
Definice stylů jsou obvykle uloženy v externích souborech .css.
Pomocí externího souboru šablony stylů můžete změnit vzhled celého webu změnou pouze jednoho souboru!