CSS

CSS

• = Cascading Style Sheets
• = kaskádové styly
• definice stylů — designu stránek
• závislé na HTML
• barvy, velikosti, písma, odsazení, rámečky, ...

Výhody

• konkrétní prvky, třídy a identifikátory
• moderní a pravidelné aktualizace
• opakování jednotlivých pravidel
• vše se upravuje na jednom místě

Nevýhody

• každý prohlížeč může vykreslovat jinak
• nevyužité věci se musí načíst

Používání CSS

Inline

• psaní CSS přímo pro daný tag
• pomocí atributu style
• nepoužíváme

External

• samostatný soubor s css
• provážeme s dokumentem pomocí tagu link
• pouze v tagu head
• soubory s příponou .css

Embed

• umístění stylu v tagu head
• styly se nedají používat na více stránkách

Import

• vložení CSS souboru pomocí definic CSS
• komplexní, nepoužíváme

Selektory

Pomocí tagu

Vybrání všeho

Třída

Identifikátor

Základní CSS vlastnosti

Velikost textu

• vlastnost font-size

Zarovnání textu

• vlastnost text-align
• hodnoty: left, right, center a justify

Font textu

• vlastnost font-family
• určujeme jméno fontu, musí být na PC

Styl textu

• vlastnost font-style
• hodnoty: normal a italic

Tloušťka textu

• vlastnost font-weight
• hodnoty 100 — 900, po stovkách, 900 nejtlustší

Dekorace textu

• vlastnost text-decoration, složená vlastnost
• typ + barva + styl + tloušťka

Barva pozadí

• vlastnost background-color