Cascading Style Sheets

Cascading Style Sheets

• = CSS
• = kaskádové styly
• definice designu stránky
• nezávislé na HTML
• třetí verze

Pravidla

• obsahuje selektor a blok deklarací
• deklarace = vlastnosti
• vlastnosti rozdělujeme ;
• jméno vlastnosti a hodnotu rozdělujeme :

Připojení CSS

Separátní soubor

• zmenšení velikosti HTML
• lze použít opakovaně
• přehlednost

V hlavičce

• zvětšeno HTML
• nelze používat opakovaně

Inline

• postrádá smysl kaskády
• vhodný jen málokdy
• největší priorita

Základní vlastnosti

Barva textu

• seznam předdefinovaných barev

Barva pozadí

Další barvy

Tloušťka písma

• 100 - 900
• bold, bolder, light

Selektory

Tag

• určení všech tagů s daným názvem na stránce

Tag v tagu

• určení všech tagů, které se nacházejí uvnitř jiného tagu
• v jakékoliv hloubce

Přímý potomek

• určení všech tagů, které se nacházejí přímo uvnitř jiného tagu

Třída

• určení všech tagů, které mají pomocí atributu class určenou třídu

Identifikátor

• určení tagu, který má pomocí atributu id určený identifikátor

Vybrání všeho

• vybere všechny tagy

Pokročilejší pravidla

Seskupení selektorů

• vlastnosti v definičním bloku budou platit pro všechny vybrané selektory

Kombinování selektorů

Kombinování selektorů