All language subtitles for 9. px vs em vs rem

af Afrikaans
ak Akan
sq Albanian
am Amharic
ar Arabic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bem Bemba
bn Bengali
bh Bihari
bs Bosnian
br Breton
bg Bulgarian
km Cambodian
ca Catalan
ceb Cebuano
chr Cherokee
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English Download
eo Esperanto
et Estonian
ee Ewe
fo Faroese
tl Filipino
fi Finnish
fr French
fy Frisian
gaa Ga
gl Galician
ka Georgian
de German
el Greek
gn Guarani
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ia Interlingua
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
rw Kinyarwanda
rn Kirundi
kg Kongo
ko Korean
kri Krio (Sierra Leone)
ku Kurdish
ckb Kurdish (Soranî)
ky Kyrgyz
lo Laothian
la Latin
lv Latvian
ln Lingala
lt Lithuanian
loz Lozi
lg Luganda
ach Luo
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mfe Mauritian Creole
mo Moldavian
mn Mongolian
my Myanmar (Burmese)
sr-ME Montenegrin
ne Nepali
pcm Nigerian Pidgin
nso Northern Sotho
no Norwegian
nn Norwegian (Nynorsk)
oc Occitan
or Oriya
om Oromo
ps Pashto
fa Persian
pl Polish
pt-BR Portuguese (Brazil)
pt Portuguese (Portugal)
pa Punjabi
qu Quechua
ro Romanian
rm Romansh
nyn Runyakitara
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
sh Serbo-Croatian
st Sesotho
tn Setswana
crs Seychellois Creole
sn Shona
sd Sindhi
si Sinhalese
sk Slovak
sl Slovenian
so Somali
es Spanish
es-419 Spanish (Latin American)
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
tt Tatar
te Telugu
th Thai
ti Tigrinya
to Tonga
lua Tshiluba
tum Tumbuka
tr Turkish
tk Turkmen
tw Twi
ug Uighur
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
wo Wolof
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:00,630 --> 00:00:01,560 Bem vindo de volta. 2 00:00:01,560 --> 00:00:07,270 Antes de terminarmos a seção, eu queria mostrar uma última coisa, e isso até o momento. 3 00:00:07,290 --> 00:00:13,710 Usamos bastante pixels (px), mas existem outras duas opções que podemos usar. 4 00:00:13,800 --> 00:00:17,750 Então, vamos remover nossos modelos de caixa por enquanto. 5 00:00:19,370 --> 00:00:22,370 E, em vez disso, vamos criar alguns parágrafos ['p']. 6 00:00:22,510 --> 00:00:32,010 Então, usando nossa abreviação 'Lorem' - e vamos encerrar isso, perfeito. Digamos que também quiséssemos ter outro 7 00:00:32,010 --> 00:00:39,820 parágrafo que diga 'Introdução'. Salve e atualize e pronto. 8 00:00:39,820 --> 00:00:40,800 Nós temos o nosso parágrafo. 9 00:00:40,840 --> 00:00:47,920 Agora, se quisermos adicionar um pouco de 'classe' a este parágrafo, podemos simplesmente entrar aqui e não precisamos do modelo 10 00:00:47,920 --> 00:00:49,820 de caixa para poder excluí-lo. 11 00:00:49,870 --> 00:00:58,210 Podemos fazer algo como 'p' e menos do que 'tamanho da fonte' e, para o tamanho da fonte, mostrei que podemos fazer porcentagens, 12 00:00:58,720 --> 00:01:03,530 mas você também pode fazer escolhas também próximas a '20px' salvar e atualizar. 13 00:01:03,760 --> 00:01:06,380 E nós temos pixels. ESTÁ BEM. 14 00:01:06,580 --> 00:01:13,860 Então, digamos que eu quero que 'Lorem ipsum' seja um pouco maior, podemos usar 'span'. Novamente, isso é como 15 00:01:14,050 --> 00:01:17,140 a tag 'div' que você já viu antes. 16 00:01:17,140 --> 00:01:19,530 É apenas bom para inline. 17 00:01:19,870 --> 00:01:22,290 Então, novamente, desta forma, podemos adicionar estilos. 18 00:01:22,660 --> 00:01:30,340 Então eu salvo os estilos, e agora podemos selecionar 'span' e podemos 19 00:01:30,340 --> 00:01:35,870 fazer algo assim - podemos fazer 'font-size: 5em' 20 00:01:37,840 --> 00:01:38,820 Refresh. 21 00:01:38,890 --> 00:01:47,830 Então, o que está dizendo é que queremos que o tamanho da fonte seja igual a 5 vezes o elemento que contém 20 pixels, 22 00:01:48,100 --> 00:01:55,240 porque, se você se lembrar, estamos dentro de uma tag 'p' apenas para mostrar a você que é certo 23 00:01:55,240 --> 00:01:58,780 se eu fizer 100px 'e salve e atualize. 24 00:01:59,080 --> 00:02:11,150 É o mesmo. Então, 'em' é meio legal, porque se eu fizer algo como '2em' e atualizar, bem, se 25 00:02:11,210 --> 00:02:21,890 eu mudar para 10 pixels e atualizar, isso sempre permanecerá relativo ao 'p' (parágrafo). Outro que quero lhe mostrar é 'rem'. 26 00:02:23,240 --> 00:02:27,850 E esse é o tamanho em relação ao tamanho do elemento raiz. 27 00:02:27,890 --> 00:02:29,420 Qual é o elemento raiz? 28 00:02:29,690 --> 00:02:31,740 Bem, é o 'html'. 29 00:02:32,060 --> 00:02:37,670 Portanto, seja qual for o documento, ele sempre será duas vezes maior. 30 00:02:37,670 --> 00:02:46,400 Portanto, se eu fizer o '5rem', atualize, isso é ótimo, mas se eu alterar o tamanho da fonte aqui para '5', isso não será 31 00:02:46,700 --> 00:02:47,260 afetado. 32 00:02:48,190 --> 00:02:50,710 Bom trabalho chegando até aqui no curso. 33 00:02:50,710 --> 00:02:55,480 Sei que joguei muitas propriedades e seletores em você, mas prometo que, na próxima seção, 34 00:02:55,480 --> 00:02:59,920 começaremos a criar alguns sites reais e nos divertiremos com todo esse conhecimento. 35 00:02:59,980 --> 00:03:00,620 Mal posso esperar. 36 00:03:00,640 --> 00:03:01,880 Veja no próximo. 37 00:03:01,890 --> 00:03:02,410 Tchau tchau 3765

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.