CSS/Jak_začít

Úvod

Tento tutoriál vás uvede do kaskádových stylů (CSS).

Provede vás základními vlastnostmi CSS i praktickými příklady, které si můžete zkusit sami na vašem počítači. Je rozdělen do dvou částí.

  • Část I. vysvětluje standardní vlastnosti CSS, které pracují ve webových prohlížečích Mozilla a také ve většině dalších moderních webových prohlížečích.
  • Část II. obsahuje příklady speciálních vlastností, které fungují v Mozille, ale nemusí nutně fungovat v ostatních prohlížečích.

Tutoriál je založen na specifikaci CSS 2.1.

Kdo by měl použít tento tutoriál?

Tento tutoriál je určen hlavně pro začátečníky v CSS, ale může vám být užitečný i pokud máte již nějaké zkušenosti s CSS.

Pokud jste začátečník v CSS, použijte Část tutoriálu I., abyste pochopili CSS a naučili se jej používat. Pak použijte Část tutoriálu II., abyste pochopili pole působnosti CSS v Mozille.

Pokud již máte určité znalosti CSS, můžete přeskočit části tutoriálu, které jsou vám již známé. Použijte pouze ty části, které vás zajímají.

Pokud máte zkušenosti s CSS, ale ne v Mozille, můžete přeskočit na Část tutoriálu II.

Co potřebujete, než začnete?

K vyzkoušení většiny příkladů z tohoto tutoriálu, potřebujete textový editor a webový prohlížeč Mozilla (Firefox nebo Mozilla Suite). Musíte také znát základy, jak je používat.

Pokud nechcete upravovat soubory, pak si můžete tutoriál jen pročíst a podívat se na obrázky, ale je to méně účinná cesta, jak se CSS naučit.

Několik části tutoriálu může vyžadovat další software od Mozilly. Tyto části jsou dobrovolné. Pokud nechcete stahovat další software od Mozilly, můžete je přeskočit.

Poznámka: CSS poskytuje způsoby, jak pracovat s barvami, takže části tutoriálu závisí na barevnosti. Můžete použít jednoduše tyto části tutoriálu, pokud máte barevný monitor a normální barevné vidění.

Jak používat tento tutoriál?

Nejlépe použijete tento tutoriál tak, že budete číst stránky pozorně a popořadě. Pokud nějakou stránku přeskočíte, může se vám pak zdát obtížné porozumět stránkám následujícím.

Na každé stránce můžete použít sekci Informace, abyste pochopili, jak CSS funguje. Sekci Akce můžete použít k vyzkoušení CSS na vašem vlastním počítači.

Vaše znalosti si můžete vyzkoušet na konci každé stránky. Řešení některých problémů jsou odhalena na pozdějších stránkách tohoto tutoriálu.

Chcete-li do CSS proniknout hlouběji, čtěte informace, které najdete v rámečcích s nadpisem Více podrobností. Následujte odkazy, které tam naleznete, vedou k informacím z reference CSS.

Část tutoriálu I.

Základní průvodce CSS krok za krokem.

  1. Co je to CSS
  2. Proč používat CSS
  3. Jak funguje CSS
  4. Kaskáda a dědičnost
  5. Selektory
  6. Čitelnost CSS
  7. Textové styly
  8. Barvy
  9. Obsah
  10. Seznamy
  11. Rámečky
  12. Layout
  13. Tabulky
  14. Média

Část tutoriálu II.

Příklady, které demonstrují možnosti CSS v Mozille.

  1. JavaScript
  2. XBL bindings
  3. XUL user interfaces
  4. SVG grafika
  5. XML data

 

Document Tags and Contributors

Contributors to this page: teoli, fscholz, JasnaPaka, DJ.Maca, -draconis-, Pawell
Last updated by: teoli,