0:00:00.512,0:00:04.092
Ouçam, pessoal.[br]As propriedades de CSS são intermináveis.
0:00:04.286,0:00:06.035
Deixe-me mostrar um pouco mais.
0:00:06.253,0:00:08.723
E se eu quisesse mudar
0:00:08.723,0:00:12.054
o espaço entre as linhas nas minhas [br]letras de música?
0:00:12.439,0:00:15.903
Poderia usar a propriedade [br]line-height,
0:00:15.903,0:00:19.001
e especificar 15px.
0:00:19.212,0:00:24.755
Ou talvez 1.5em seria melhor, que deixa[br]a altura da linha
0:00:24.755,0:00:28.034
150 porcento do tamanho do texto.
0:00:28.481,0:00:31.785
E se eu quisesse que minhas[br]letras de música ficassem centralizadas?
0:00:32.133,0:00:36.232
Eu poderia usar a propriedade [br]text-align, e especificar center.
0:00:36.528,0:00:39.410
Eu poderia também mudá-la para [br]right ou justified,
0:00:39.410,0:00:41.783
mas acho que ficaria um pouco estranho.
0:00:42.108,0:00:45.327
E se eu quisesse sublinhar meu [br]parágrafo princial?
0:00:45.895,0:00:49.000
Eu poderia usar a propriedade [br]text-decoration
0:00:49.000,0:00:51.468
e especificar underline.
0:00:53.224,0:00:56.685
E se eu quisesse remover [br]o sublinhado dos meus links,
0:00:56.685,0:00:58.473
como aquele para a Wikipedia?
0:00:58.722,0:01:01.289
O navegador tem um grupo [br]padrão de estilos
0:01:01.289,0:01:02.852
que é aplicado em tudo.
0:01:02.852,0:01:05.317
Como text-decoration: underline[br]para links.
0:01:05.473,0:01:09.311
Mas podemos usar CSS para sobrescrever[br]os estilos padrão do navegador,
0:01:09.311,0:01:11.363
e dizer text-decoration: none.
0:01:12.049,0:01:19.335
Basta adicionar esta regra:[br]{ text-decoration: none; }
0:01:20.283,0:01:22.799
E você pode ver agora que [br]não está mais sublinhado.
0:01:22.799,0:01:24.988
Mas devemos tomar cuidado[br]quando fazemos isso,
0:01:24.988,0:01:27.773
porque o que os padrões são[br]escolhidos por uma razão.
0:01:27.773,0:01:31.404
Se os links não são sublinhados, como as[br]pessoas saberão que são links?
0:01:31.489,0:01:35.038
E se nunca clicarem neles porque [br]pensam que são só texto normal?
0:01:35.102,0:01:38.680
Se removermos esse sublinhado, [br]deveríamos ter certeza
0:01:38.680,0:01:42.014
que os links pareçam bem diferentes[br]de alguma outra forma.
0:01:42.014,0:01:43.921
Senão, deixaremos os usuários tristes.
0:01:43.921,0:01:45.911
E usuários tristes me deixam triste.
0:01:46.185,0:01:48.380
Deveriam deixar você triste também.
0:01:48.904,0:01:51.536
Eu poderia te falar de propriedades[br]de texto o dia todo.
0:01:51.617,0:01:54.179
Mas não vou, porque temos[br]muito mais para aprender.
0:01:54.234,0:01:56.108
Existem milhares de propriedades CSS.
0:01:56.108,0:01:58.173
E navegadores adicionam mais todo ano.
0:01:58.215,0:02:00.562
Provavelmente nunca vou[br]te falar sobre todas elas.
0:02:00.562,0:02:03.187
Mas eu posso te falar o bastante[br]para te deixar animado.
0:02:03.187,0:02:06.489
E se está se perguntando se há uma [br]propriedade CSS para algum estilo
0:02:06.489,0:02:08.347
e não está na nossa documentação aqui,
0:02:08.347,0:02:10.783
pode visitar seu buscador[br]preferido e descobrir.
0:02:10.783,0:02:12.677
Por exemplo, [br]se está se perguntando
0:02:12.677,0:02:15.108
se há um jeito de adicionar uma[br]sombra ao seu texto,
0:02:15.108,0:02:17.961
busque por "sombra em texto CSS"
0:02:17.961,0:02:19.446
e verá vários resultados.
0:02:19.480,0:02:21.624
De modo geral, ser capaz[br]de buscar na internet
0:02:21.624,0:02:23.102
para responder suas perguntas é
0:02:23.102,0:02:25.529
uma habilidade importante[br]para um desenvolvedor web.
0:02:25.529,0:02:28.293
Porque muitas pessoas tiveram as[br]mesmas dúvidas que você,
0:02:28.293,0:02:31.763
e 99,9 porcento das vezes,[br]a resposta está lá.
0:02:31.763,0:02:33.903
Só precisa ficar bom em encontrá-la.
0:02:33.927,0:02:35.000
Legendado por [Pablo Vieira][br]Revisado por [Alberto Oliveira]