CSS - 5. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

CSS - 5. lekceCSS - 5. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín

CSS - 5. lekce

Google       Google       23. 9. 2005       18 438×

5.1 - Pokračujeme v přehledu
5.2 - Domácí úkol..

Reklama
Reklama

5.1 - Pokračujeme v přehledu

Dnes se budeme zabývat přehledem vlastností CSS, sloužícím k formátování textu, potažmo odstavců.

Text

atribut: hodnoty: význam: příklady užití: dodatky:
letter-spacing normal
lenght
mezery mezi jednotlivými písmeny letter-spacing: normal;
letter-spacing: 4px;
Šikovné, ale já toto vůbec nepoužívám.
line-height percentage
lenght
normal
výška řádku line-height: 250%;
line-height: 8px;
line-height: normal;
Tato funkce se nesetkává s příliš velkou mírou uplatnění.
text-align left
right
center
justify
zarovnání vlevo
vpravo
na střed
do bloku

text-align: left;

text-align: right;

text-align: center;

text-align: justify Lorem ipsum dolor amet.

Použití jen u věcí, které má smysl zarovnávat (odstavce).
text-decoration none
underline
overline
line-through
blink
bez dekorace
podtrženo
"nadtrženo"
přeškrtnuto
blikání
text-decoration: none;
text-decoration: underline;
text-decoration: overline;
text-decoration: line-through;
text-decoration: blink;
Dá se kombinovat. A jako obvykle, IE neumí bli(n)kat :).
text-indent percentage
lenght
odsazení prvního řádku

text-indent: 5% dolor
ipsum amet


text-indent: 52 lama
spadla do prádla
-
text-shadow none
color
lenght
bez stínu
barva
délka
nefunguje?! F-ce shadow je mi neznámá; nikdy jsem ji nepoužil a teď, když jsem ji chtěl vyzkoušet pro účely lekce, nic se nezobrazilo. Kdo odhalí tajemství této f-ce, ať mi dá vědět:)
text-transform capitalize
uppercase
lowercase
none
začátky slov velké
kapitálky
vše malými
beze změny
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
-
word-spacing lenght
normal
délka mezery mezi slovy word-spacing: 20px; Docela velká mezera mezi slovy
word-spacing: normal;
Starší prohlížeče nepodporují.

5.2 - Domácí úkol

Vytvořte stránku, do které zakombinujete výše vypsané vlastnosti.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Tagy:
Hlasování bylo ukončeno    
0 hlasů
Google
Autor se věnuje technologiím XHTML, CSS a JavaScriptu. Mezi další záliby patří 2D a 3D grafika.

Nové články

Reklama
Reklama
Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý