[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.51,0:00:04.09,Default,,0000,0000,0000,,Ouçam, pessoal.\NAs propriedades de CSS são intermináveis.
Dialogue: 0,0:00:04.29,0:00:06.04,Default,,0000,0000,0000,,Deixe-me mostrar um pouco mais.
Dialogue: 0,0:00:06.25,0:00:08.72,Default,,0000,0000,0000,,E se eu quisesse mudar
Dialogue: 0,0:00:08.72,0:00:12.05,Default,,0000,0000,0000,,o espaço entre as linhas nas minhas \Nletras de música?
Dialogue: 0,0:00:12.44,0:00:15.90,Default,,0000,0000,0000,,Poderia usar a propriedade \N{\i1}line-height{\i0},
Dialogue: 0,0:00:15.90,0:00:19.00,Default,,0000,0000,0000,,e especificar 15px.
Dialogue: 0,0:00:19.21,0:00:24.76,Default,,0000,0000,0000,,Ou talvez 1.5em seria melhor, que deixa\Na altura da linha
Dialogue: 0,0:00:24.76,0:00:28.03,Default,,0000,0000,0000,,150 porcento do tamanho do texto.
Dialogue: 0,0:00:28.48,0:00:31.78,Default,,0000,0000,0000,,E se eu quisesse que minhas\Nletras de música ficassem centralizadas?
Dialogue: 0,0:00:32.13,0:00:36.23,Default,,0000,0000,0000,,Eu poderia usar a propriedade \N{\i1}text-align{\i0}, e especificar {\i1}center{\i0}.
Dialogue: 0,0:00:36.53,0:00:39.41,Default,,0000,0000,0000,,Eu poderia também mudá-la para \N{\i1}right{\i0} ou {\i1}justified{\i0},
Dialogue: 0,0:00:39.41,0:00:41.78,Default,,0000,0000,0000,,mas acho que ficaria um pouco estranho.
Dialogue: 0,0:00:42.11,0:00:45.33,Default,,0000,0000,0000,,E se eu quisesse sublinhar meu \Nparágrafo princial?
Dialogue: 0,0:00:45.90,0:00:49.00,Default,,0000,0000,0000,,Eu poderia usar a propriedade \N{\i1}text-decoration{\i0}
Dialogue: 0,0:00:49.00,0:00:51.47,Default,,0000,0000,0000,,e especificar {\i1}underline{\i0}.
Dialogue: 0,0:00:53.22,0:00:56.68,Default,,0000,0000,0000,,E se eu quisesse remover \No sublinhado dos meus links,
Dialogue: 0,0:00:56.68,0:00:58.47,Default,,0000,0000,0000,,como aquele para a Wikipedia?
Dialogue: 0,0:00:58.72,0:01:01.29,Default,,0000,0000,0000,,O navegador tem um grupo \Npadrão de estilos
Dialogue: 0,0:01:01.29,0:01:02.85,Default,,0000,0000,0000,,que é aplicado em tudo.
Dialogue: 0,0:01:02.85,0:01:05.32,Default,,0000,0000,0000,,Como {\i1}text-decoration: underline{\i0}\Npara links.
Dialogue: 0,0:01:05.47,0:01:09.31,Default,,0000,0000,0000,,Mas podemos usar CSS para sobrescrever\Nos estilos padrão do navegador,
Dialogue: 0,0:01:09.31,0:01:11.36,Default,,0000,0000,0000,,e dizer {\i1}text-decoration: none{\i0}.
Dialogue: 0,0:01:12.05,0:01:19.34,Default,,0000,0000,0000,,Basta adicionar esta regra:\N{\i1}{ text-decoration: none; }{\i0}
Dialogue: 0,0:01:20.28,0:01:22.80,Default,,0000,0000,0000,,E você pode ver agora que \Nnão está mais sublinhado.
Dialogue: 0,0:01:22.80,0:01:24.99,Default,,0000,0000,0000,,Mas devemos tomar cuidado\Nquando fazemos isso,
Dialogue: 0,0:01:24.99,0:01:27.77,Default,,0000,0000,0000,,porque o que os padrões são\Nescolhidos por uma razão.
Dialogue: 0,0:01:27.77,0:01:31.40,Default,,0000,0000,0000,,Se os links não são sublinhados, como as\Npessoas saberão que são links?
Dialogue: 0,0:01:31.49,0:01:35.04,Default,,0000,0000,0000,,E se nunca clicarem neles porque \Npensam que são só texto normal?
Dialogue: 0,0:01:35.10,0:01:38.68,Default,,0000,0000,0000,,Se removermos esse sublinhado, \Ndeveríamos ter certeza
Dialogue: 0,0:01:38.68,0:01:42.01,Default,,0000,0000,0000,,que os links pareçam bem diferentes\Nde alguma outra forma.
Dialogue: 0,0:01:42.01,0:01:43.92,Default,,0000,0000,0000,,Senão, deixaremos os usuários tristes.
Dialogue: 0,0:01:43.92,0:01:45.91,Default,,0000,0000,0000,,E usuários tristes me deixam triste.
Dialogue: 0,0:01:46.18,0:01:48.38,Default,,0000,0000,0000,,Deveriam deixar você triste também.
Dialogue: 0,0:01:48.90,0:01:51.54,Default,,0000,0000,0000,,Eu poderia te falar de propriedades\Nde texto o dia todo.
Dialogue: 0,0:01:51.62,0:01:54.18,Default,,0000,0000,0000,,Mas não vou, porque temos\Nmuito mais para aprender.
Dialogue: 0,0:01:54.23,0:01:56.11,Default,,0000,0000,0000,,Existem milhares de propriedades CSS.
Dialogue: 0,0:01:56.11,0:01:58.17,Default,,0000,0000,0000,,E navegadores adicionam mais todo ano.
Dialogue: 0,0:01:58.22,0:02:00.56,Default,,0000,0000,0000,,Provavelmente nunca vou\Nte falar sobre todas elas.
Dialogue: 0,0:02:00.56,0:02:03.19,Default,,0000,0000,0000,,Mas eu posso te falar o bastante\Npara te deixar animado.
Dialogue: 0,0:02:03.19,0:02:06.49,Default,,0000,0000,0000,,E se está se perguntando se há uma \Npropriedade CSS para algum estilo
Dialogue: 0,0:02:06.49,0:02:08.35,Default,,0000,0000,0000,,e não está na nossa documentação aqui,
Dialogue: 0,0:02:08.35,0:02:10.78,Default,,0000,0000,0000,,pode visitar seu buscador\Npreferido e descobrir.
Dialogue: 0,0:02:10.78,0:02:12.68,Default,,0000,0000,0000,,Por exemplo, \Nse está se perguntando
Dialogue: 0,0:02:12.68,0:02:15.11,Default,,0000,0000,0000,,se há um jeito de adicionar uma\Nsombra ao seu texto,
Dialogue: 0,0:02:15.11,0:02:17.96,Default,,0000,0000,0000,,busque por "sombra em texto CSS"
Dialogue: 0,0:02:17.96,0:02:19.45,Default,,0000,0000,0000,,e verá vários resultados.
Dialogue: 0,0:02:19.48,0:02:21.62,Default,,0000,0000,0000,,De modo geral, ser capaz\Nde buscar na internet
Dialogue: 0,0:02:21.62,0:02:23.10,Default,,0000,0000,0000,,para responder suas perguntas é
Dialogue: 0,0:02:23.10,0:02:25.53,Default,,0000,0000,0000,,uma habilidade importante\Npara um desenvolvedor web.
Dialogue: 0,0:02:25.53,0:02:28.29,Default,,0000,0000,0000,,Porque muitas pessoas tiveram as\Nmesmas dúvidas que você,
Dialogue: 0,0:02:28.29,0:02:31.76,Default,,0000,0000,0000,,e 99,9 porcento das vezes,\Na resposta está lá.
Dialogue: 0,0:02:31.76,0:02:33.90,Default,,0000,0000,0000,,Só precisa ficar bom em encontrá-la.
Dialogue: 0,0:02:33.93,0:02:35.00,Default,,0000,0000,0000,,Legendado por [Pablo Vieira]\NRevisado por [Alberto Oliveira]