[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.53,0:00:03.52,Default,,0000,0000,0000,,Também podemos usar o CSS para mudar\No tamanho do nosso texto.
Dialogue: 0,0:00:03.67,0:00:06.56,Default,,0000,0000,0000,,Como você pode ver olhando\Nos títulos nessa página
Dialogue: 0,0:00:06.56,0:00:09.36,Default,,0000,0000,0000,,comparado aos parágrafos,\No navegador já providencia
Dialogue: 0,0:00:09.36,0:00:12.25,Default,,0000,0000,0000,,estilos padrões com diferentes tamanhos\Npara elementos diversos.
Dialogue: 0,0:00:12.35,0:00:13.64,Default,,0000,0000,0000,,Tem o tamanho da fonte do corpo.
Dialogue: 0,0:00:13.64,0:00:15.94,Default,,0000,0000,0000,,e tamanhos maiores\Npara cada nível de título.
Dialogue: 0,0:00:16.10,0:00:18.65,Default,,0000,0000,0000,,as vezes queremos ajustar\Nesses tamanhos.
Dialogue: 0,0:00:18.86,0:00:22.21,Default,,0000,0000,0000,,E podemos fazer isso com a\Npropriedade 'font-size' do CSS.
Dialogue: 0,0:00:22.42,0:00:23.85,Default,,0000,0000,0000,,Por exemplo:
Dialogue: 0,0:00:23.85,0:00:28.64,Default,,0000,0000,0000,,E se quisermos que todo o texto \Nda página seja um pouco menor?
Dialogue: 0,0:00:28.95,0:00:31.06,Default,,0000,0000,0000,,Bem, vamos para a tag 'style',
Dialogue: 0,0:00:31.10,0:00:34.59,Default,,0000,0000,0000,,e adicionamos uma regra de CSS\Npara a tag 'body'.
Dialogue: 0,0:00:34.89,0:00:39.25,Default,,0000,0000,0000,,E dentro dela,\Ncolocamos a propriedade 'font-size'.
Dialogue: 0,0:00:39.48,0:00:42.67,Default,,0000,0000,0000,,Agora, que valor deve ser atribuído\Npara o 'font-size'?
Dialogue: 0,0:00:42.96,0:00:45.65,Default,,0000,0000,0000,,Como medimos o 'font-size'?
Dialogue: 0,0:00:45.93,0:00:47.95,Default,,0000,0000,0000,,Essa é na verdade \Numa ótima questão.
Dialogue: 0,0:00:47.95,0:00:50.27,Default,,0000,0000,0000,,Porque existem pelo menos\Ndez diferentes unidades
Dialogue: 0,0:00:50.27,0:00:52.36,Default,,0000,0000,0000,,que suporta CSS para 'font-size'.
Dialogue: 0,0:00:52.68,0:00:55.67,Default,,0000,0000,0000,,iniciemos com a unidade\Nque você viu antes: pixels.
Dialogue: 0,0:00:55.85,0:00:58.62,Default,,0000,0000,0000,,Usamos pixels para decidir\No quão grande fazer as imagens.
Dialogue: 0,0:00:58.62,0:01:00.99,Default,,0000,0000,0000,,E continuaremos a usá-los bastante em CSS.
Dialogue: 0,0:01:01.29,0:01:02.98,Default,,0000,0000,0000,,Vamos tentar 11 pixels.
Dialogue: 0,0:01:04.04,0:01:06.14,Default,,0000,0000,0000,,Hah. Tudo ficou menor.
Dialogue: 0,0:01:06.40,0:01:08.51,Default,,0000,0000,0000,,Até os títulos ficaram menores.
Dialogue: 0,0:01:08.79,0:01:11.17,Default,,0000,0000,0000,,Por que os títulos também ficaram menores?
Dialogue: 0,0:01:11.36,0:01:15.32,Default,,0000,0000,0000,,Eles não deveriam ser do tamanho em pixels\Nque o navegador decidiu antes?
Dialogue: 0,0:01:15.50,0:01:16.29,Default,,0000,0000,0000,,Não.
Dialogue: 0,0:01:16.43,0:01:21.95,Default,,0000,0000,0000,,Pois o estilo padrão do navegador\Npara títulos não é dito em pixel.
Dialogue: 0,0:01:21.96,0:01:25.21,Default,,0000,0000,0000,,É especificado usando\Numa unidade diferente, chamada "em".
Dialogue: 0,0:01:25.50,0:01:27.45,Default,,0000,0000,0000,,E ela é uma unidade relativa
Dialogue: 0,0:01:27.45,0:01:31.70,Default,,0000,0000,0000,,que faz o tamanho da fonte dos títulos\Nficarem proporcionais a fonte do corpo.
Dialogue: 0,0:01:32.10,0:01:33.82,Default,,0000,0000,0000,,Deixe-me mostrar o que quer dizer.
Dialogue: 0,0:01:34.06,0:01:36.44,Default,,0000,0000,0000,,Vamos para o nosso estilo de regra 'h2'
Dialogue: 0,0:01:36.57,0:01:38.90,Default,,0000,0000,0000,,e adicionamos a propriedade 'font-size'.
Dialogue: 0,0:01:39.45,0:01:44.49,Default,,0000,0000,0000,,Dessa vez, ao invés de pensar em pixels,\Neu pensarei relativamente.
Dialogue: 0,0:01:44.70,0:01:49.90,Default,,0000,0000,0000,,Quão maior, relativamente, queremos \Nque '' seja, comparado ao texto?
Dialogue: 0,0:01:50.17,0:01:52.86,Default,,0000,0000,0000,,Talvez, duas vezes maior?
Dialogue: 0,0:01:53.30,0:01:56.76,Default,,0000,0000,0000,,Para isso, escrevemos '2em'.
Dialogue: 0,0:01:56.99,0:02:00.17,Default,,0000,0000,0000,,O que ocorreu na verdade foi que\No navegador calculou
Dialogue: 0,0:02:00.17,0:02:01.61,Default,,0000,0000,0000,,um tamanho de pixel para a fonte.
Dialogue: 0,0:02:01.81,0:02:05.05,Default,,0000,0000,0000,,O navegador sabe que,\No tamanho do corpo é de 11 pixels.
Dialogue: 0,0:02:05.05,0:02:08.06,Default,,0000,0000,0000,,E você disse que 'h2' deveria ser\Nduas vezes maior,
Dialogue: 0,0:02:08.06,0:02:11.57,Default,,0000,0000,0000,,Então todo o ''\Nestará a 22 pixels.
Dialogue: 0,0:02:12.14,0:02:16.58,Default,,0000,0000,0000,,Se trocarmos o tamanho da fonte\Ndo corpo para 12 pixels,
Dialogue: 0,0:02:16.58,0:02:18.93,Default,,0000,0000,0000,,então o quão grande ficará ''?
Dialogue: 0,0:02:19.27,0:02:21.49,Default,,0000,0000,0000,,Isso mesmo, 24 pixels.
Dialogue: 0,0:02:21.87,0:02:26.34,Default,,0000,0000,0000,,E se trocarmos o tamanho do 'h2'\Npara 1.5em?
Dialogue: 0,0:02:26.76,0:02:30.80,Default,,0000,0000,0000,,Agora o 'h2' será\N12 vezes 1.5,
Dialogue: 0,0:02:31.02,0:02:32.67,Default,,0000,0000,0000,,que é 18 pixels.
Dialogue: 0,0:02:33.27,0:02:37.75,Default,,0000,0000,0000,,Podemos também especificar um\Ntamanho em pixel para o 'h2' como no corpo,
Dialogue: 0,0:02:37.75,0:02:39.52,Default,,0000,0000,0000,,e funcionaria do mesmo jeito.
Dialogue: 0,0:02:39.63,0:02:41.50,Default,,0000,0000,0000,,Depende do que você acha mais fácil.
Dialogue: 0,0:02:41.50,0:02:45.26,Default,,0000,0000,0000,,E como mencionei antes, existem\Nvárias outras unidades que podemos usar
Dialogue: 0,0:02:45.26,0:02:46.92,Default,,0000,0000,0000,,além de pixels e em.
Dialogue: 0,0:02:47.22,0:02:49.57,Default,,0000,0000,0000,,Essas são apenas\Nas unidades mais populares.
Dialogue: 0,0:02:49.57,0:02:51.02,Default,,0000,0000,0000,,Mas se você quer saber mais,
Dialogue: 0,0:02:51.02,0:02:53.19,Default,,0000,0000,0000,,olhe mais documentos a respeito\Nde 'font-size',
Dialogue: 0,0:02:53.19,0:02:55.40,Default,,0000,0000,0000,,ou procure na internet por mais tutoriais.
Dialogue: 0,0:02:55.50,0:02:57.97,Default,,0000,0000,0000,,Está na hora de deixar sua fonte incrível!
Dialogue: 0,0:02:58.63,0:03:02.98,Default,,0000,0000,0000,,Traduzido por [Alef Almeida] revisado por [Valter Bigeli].