Autor | Zpráva | ||
---|---|---|---|
tomyx007 Profil |
#1 · Zasláno: 9. 12. 2009, 15:35:30
Dobry den,
prosim o radu, mam na webu definovane velikost pisma jako body {font-size: 62.5%; line-height: 1.2;} #content p{ padding:.2em 0em 1.1em 0em;line-height:1.4em;font-size:1.2em;} #content .info {padding:.2em 0em 1.1em 0em;line-height:1.4em;font-size:1.2em;} a pak nekde v tele html stranky: <div id="content"> <p>Textik1 textik1...</p> <div class="info"> <p>Textik2 textik2...</p> </div> </div> Moc tomu nerozumim, jak to, ze oba odstavce maji ruznou velikost (druhy odstavec s textem "Textik2 textik2.." ma vetsi velikost pisma )?Kdyz maji oba font-size:1.2em? Dekuju za vysvetleni. |
||
panther Profil |
#2 · Zasláno: 9. 12. 2009, 15:38:56
tomyx007:
ten druhý má 1.44em. jednou zvětšuješ písmo všem odstavcům a podruhé všemu, co je v .info. Odstavec v .info tak má 1.2*1.2em = 1.44em. |
||
tomyx007 Profil |
#3 · Zasláno: 9. 12. 2009, 18:04:24 · Upravil/a: tomyx007
Aha, dekuju za vysvetleni. A jakto, ze kdyz pridam styl
#content .info p{ padding:.2em 0em 1.1em 0em;line-height:1.4em;font-size:1.2em;} tak je Textik1 textik1... i Textik2 textik2... stejne veliky? |
||
fikus Profil * |
#4 · Zasláno: 9. 12. 2009, 18:14:40
Podle mě řešíš nesmysly.
Zkus to opačně, v body definuj velikost v em a pak už se odkazuj jen v %: body{font-size:1em} #content .info p{font-size:80%} a přečti si něco o tom, jak se kaskádové styli dědí, pak ti to bude jasné. |
||
panther Profil |
#5 · Zasláno: 9. 12. 2009, 18:56:16 · Upravil/a: panther
fikus:
„Podle mě řešíš nesmysly.“ neřeší. Je dobré pochopit, jak to funguje. „Zkus to opačně, v body definuj velikost v em a pak už se odkazuj jen v %:“ ne. Je to úplně jedno. tomyx007: „A jakto, ze kdyz pridam styl [...] tak je Textik1 textik1... i Textik2 textik2... stejne veliky?“ protože proto :-) #content p{font-size:1.2em;} /* velikost všech odstavců na stránce 1.2em */ #content .info p {font-size: 1.2em;} /* je take odstavec, predchozi deklaraci prebijes, takze novy rozmer je opet 1.2em. Jakou hodnotu zadas, takova bude. Tys vybral stejnou, tak budou stejné */ /* ALE */ #content .info p span {font-size: 2em} /* tady je 1.2em odstavce * 2em u spanu. Text ve spanu tak bude mnohem vetsi */ Doporučil bych ti si s kaskádou pohrát, po cvhvilce kombinování na to přijdeš. Em jsou relativní jednotky, odvozují se tedy od velikosti písma, které je nastavené v elementu, nikoliv absolutně, jako je například 12px. 12px ať je zanořených kdekoliv, je vždy stejně velkých (a nejde v IE zvětšit). |
||
tomyx007 Profil |
#6 · Zasláno: 9. 12. 2009, 20:13:27 · Upravil/a: tomyx007
Aha, dekuju za vysvetleni, uz je mi to jasne.
|
||
panther Profil |
#7 · Zasláno: 9. 12. 2009, 20:15:38
tomyx007:
1em = 100% = 10px 1.2em = 120% = 12px atd. |
||
Chamurappi Profil |
#8 · Zasláno: 9. 12. 2009, 20:20:28
Reaguji na tomyxe007:
Žádný spolehlivý přepočet neexistuje, velikost písma je nutno chápat jako proměnlivou. |
||
tomyx007 Profil |
#9 · Zasláno: 9. 12. 2009, 20:48:31
Aha, dekuju vsem za objasneni
|
||
Časová prodleva: 14 let
|
0