Význam css stylů

• styly zajišťují jednotný vzhled všech stránek webu
• změnou stylů snadno provedeme změnu vzhledu celého webu
• obsah je oddělen od formátu - html kód je stručný a přehledný

Styly zcela nahradily dřívější formátování pomocí některých parametrů html značek (např. <h1 align="center">) a používání formátovacích značek (např. <font color="#2f4f4f">).
Změnit vzhled stránek formátovaných tímto zastaralým způsobem bylo velmi pracné. Bylo nutné otevřít desítky html stránek webu, vyhledat v nich na mnoha místech například příslušný kód barvy a nahradit jej novým kódem.

Design stránek formátovaných pomocí stylů zapsaných v souboru css upravíme snadno a rychle změnou příslušné vlastnosti v tomto jedinném souboru.

Hlavní zásady

• Při psaní html kódu používejte pouze tagy, vyznačující obsah. U těchto html značek používejte pouze nezbytné parametry.
  V instalaci PSPadu, kterou si stáhnete z tohoto webu, jsem upravila nabídku html značek tak, aby se zde zastaralé tagy a zastaralé parametry neobjevovaly.
• Html kód vytvářejte co nejstručnější.
  Neobalujte prvky dalšími zbytečnými tagy jen proto, že si nevíte rady s jejich formátováním.
  Např. zobrazení odrážek u odkazů v menu můžeme zajistit pomocí stylu odkazu, není potřeba odkazy vkládat do seznamu s odrážkami.
• Veškeré formátování zapisujte do externího souboru css. Interní či inline styly používejte vyjímečně.
  Pamatujte, že při změně designu budete muset provést změny nejenom v css souboru, ale také ve všech html souborech, v nichž jste použili interní či inline styly ovlivňující celkový vzhled.
  Chcete-li pro určíté stránky webu použít jiný styl než pro ostatní, můžete si vytvořit druhý externí soubor css a ten připojit pouze k těmto stránkám.