Tvorba webu » CSS kaskádové styly - Návod

CSS kaskádové styly - Návod

• Úvod do css kaskádových stylů
  Co je to CSS a jak ho využívat na vlastních stránkách, co bude při tvorbě stylů potřeba.
• Připojení css stylu
  Jak ke stránce připoji styl (externí soubor 2 možnosti, do hlavičky mezi style nebo přímo k elementu).
• Základy práce s css styly
  První příklad, vysvětlení a základní principy.
• Class, id, kontextové selektory, dědičnost
  Využití class a id, kontextové selektory a dědičnost + vysvětlení na příkladech.
• CSS Písma
  Pomocí CSS lze nastavit rodinu, styl, duktus (tloušťku), velikost a variantu písma.
• CSS formátování textu
  Pomocí kaskádových stylů můžeme nastavit u textu: mezery mezi písmeny a slovy, ozdobu textu, zarovnání, výšku řádky a transformaci.
• Barvy textu a pozadí, obrázek na pozadí
  Pomocí kaskádových stylů můžeme nastavit barvu textu, barvu pozadí textu a obrázek na pozadí.
• Upravení seznamů v css
  Nastavení typu odrážek, umístění odrážek, nebo obrázek místo textové odrážky.
• Boxy (rámečky)
  Pomocí kaskádových stylů lze u boxů nastavit šířku, výšku, orámování, vnitřní a vnější okraj, plavání a čekání na skončení plovoucích objektů.

Tipy a triky v CSS

• Jednoduchá CSS tlačítka
  Toto jsou celkem jednoduchá a hezká css tlačítka, které fungují téměř všude (testováno na nejpoužívanějších prohlížečích).
• Obarvení rolovací lišty
  Obarvení rolovací lišty pouze v Internet Exploreru 5.5, 6 a 7.
• Iniciála - pseudoprvek first-letter
  Popis jak stylovat první písmeno textu při tvorbě iniciály.
• Vylepšení textových polí a tlačítek
  Návod jak si udělat pěkná tlačítka a textové pole.
• Vylepšení odkazů
  Popis jak stylovat odkazy, aby se po přechodu myší změnila barva textu nebo pozadí + příklady odkazů jako tlačítka.
• Design pomocí obtékání
  Popis a použití vlastností float a clear při návrhu beztabulkového layloutu pomocí obtékání + hotový příklad.
• Design pomocí pozicování
  Popis a použití vlastností position, top, left, z-index a width při návrhu beztabulkového layloutu pomocí pozicování+ hotový příklad.

Přehled všech CSS vlastností

• Vlastnosti písma
• Vlastnosti textu
• Vlastnosti barev a pozadí
• Klasifikační vlastnosti
• Vlastnosti boxů
• Délkové jednotky v CSS
• Přehled všech písem s náhledy

Podpořte prosím web

Pokud se Vám tyto stránky líbí nebo Vás CSS (kaskádové styly) zaujaly tak prosím vložte na své stránky odkaz na tento CSS návod nebo si vyberte Ikonku.

<a href="http://tvorba-webu.zdarek.com/css/">CSS - kaskádové styly</a>

Reklama