CSS příklady
Začátečnické příklady - Písmo a text - Odkazy - Pozadí - Pozicování, umisťování a ořezávání - Tabulky - Seznamy, odrážky - Rámečky, okraje - Rozdíly prohlížečů - Jen pro Explorer - Jen pro Mozillu - CSS vychytávky
Začátečnické příklady
Písmo a text
Webově použitelná písma -- přehled
Test vlastností break-after a break-inside
Font-weight, test hodnot bolder a lighter
Převážení nezadané tučnosti (font oproti font-weight)
Definice česky vypadajícího odstavce
Příklad css vlastnosti word-spacing
Sjednocení velikosti začátečních písmen
Test CSS vlastnosti white-space: pre
Odkazy
Různé barvy odkazů1, Různé barvy odkazů 2
Textové odkazy vypadají jako tlačítka
Změna vzhledu odkazu pomocí CSS a pozadí
Odkaz jako tlačítko zadané třídou
Příklad na scroll-behavior: smooth - animované rolování na kotvu
Pozadí
Pozicování, umisťování a ořezávání
Příklad pozicování ve sloupcích
Pokus s CSS vlastností overflow
Test vlastností bottom a right
Test odvození počítání pozice right
Vystředění prvku pomocí absolutní pozice
Univerzální vertikální centrování
Simulace position: fixed v Exploreru
Příklad vystředěné stránky pro Internet Explorer
Tabulky
Vlastnosti table-layout- fixed a border-collapse- collapse
Dříve měly všechny tabulky dvojitý rámeček
Příklad rozdílů hodnot table-layout
Seznamy, odrážky
Test vlastnosti display: list-item
Barvení a odsazení číslíčka seznamu
Příklad na list-style-type: string
Příklad na counter-increment a counter-reset
Rámečky a okraje
Zkouška rámování odstavců pomocí CSS
Bug Exploreru - ignorovaný margin
Rozdíly prohlížečů
Příklad použití height na řádkový element
Jen pro Explorer
Blurry text with smudge of gray
Ukázka absolutního pozicování a filtru matrix
Míchání filtrů pro Internet Explorer
Příklad barvení rolovací lišty
Svislý text otočený pomocí writting-mode
Test CSS vlastnosti word-wrap: break-word
Jen pro Mozillu
CSS vlastnosti -moz-* fungující v Mozille
Jen pro Operu
CSS vychytávky
Simulace pserudotřídy :after přes expression pro Explorer
Reklama
