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