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

CSS - 5. lekceCSS - 5. lekce

 
Hledat
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Pergoly a střechy Brno

CSS - 5. lekce

Google       Google       23. 9. 2005       19 994×

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

Obrázek ke článku Konference: Moderní informační systémy podporují automatizaci

Konference: Moderní informační systémy podporují automatizaci

Současná situace v šíření onemocnění Covid-19 klade na řadu firem nové nároky a mnohé z nich jsou nyní více než kdy jindy závislé na nejmodernějších informačních technologiích. Proto i v oblasti podnikových informačních systémů vidíme rostoucí důraz na automatizaci nebo na důslednou integraci. Také o těchto trendech se bude mluvit na konferenci Firemní informační systémy, která se koná 24.9.2020 v pražském Kongresovém centru Vavruška na Karlově náměstí.

Reklama
Reklama
Obrázek ke článku Nebezpečí ukrytá v USB: z nuly na škvarek za pět sekund

Nebezpečí ukrytá v USB: z nuly na škvarek za pět sekund

Za cenu šesti dolarů lze celkem bez obtíží koupit nový, líbivě vyhlížející flash disk. Přidaná hodnota, které se vám spolu s ním dostane, už tak moc líbivá není. To, co se před pár sekundami tvářilo jako externí disk, se po připojení k počítači změní v důmyslné elektrické křeslo, které vaše zařízení v onen příslovečný škvarek promění za pár sekund. Cílovou skupinou pro koupi takových zařízení by mohli být záškodníci, kteří by tímto způsobem osnovali pomstu třeba vůči záletnému partnerovi. 

Obrázek ke článku Znalosti, dovednosti i prestižní titul MBA: Jde to i moderně a online

Znalosti, dovednosti i prestižní titul MBA: Jde to i moderně a online

Snad nikdy není špatná příležitost na investici do hodnotného vzdělání. Obzvlášť v případě, že absolvent dovede teoretické poznatky přetavit v praktické dovednosti, využitelné při řešení problémů i v komunikaci. Právě na to se specializuje studijní program MBA Řízení informačních technologií, vyučovaný na Business Institutu.

Obrázek ke článku Coding Bootcamp Praha: Obor IT krize nepoznamenala, žádaní jsou weboví vývojáři

Coding Bootcamp Praha: Obor IT krize nepoznamenala, žádaní jsou weboví vývojáři

Pandemie Covid-19 otřásla trhem práce v základech. Dopady krize pocítilo celkově až 45 % zaměstnanců. Není divu, že čím dál větší jistotu přináší obor IT. Ten zůstal krizí téměř nepoznamenán a při nutnosti začít dělat věci na dálku se ještě více ukázalo, jak moc mnohé firmy kvalitní IT potřebují. Do IT nyní přicházejí začátečníci, kteří v něm vidí lukrativní budoucnost a jistotu, ale i freelanceři a zaměstnanci z oborů zasažených krizí

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