Ouçam, pessoal.
As propriedades de CSS são intermináveis.
Deixe-me mostrar um pouco mais.
E se eu quisesse mudar
o espaço entre as linhas nas minhas
letras de música?
Poderia usar a propriedade
line-height,
e especificar 15px.
Ou talvez 1.5em seria melhor, que deixa
a altura da linha
150 porcento do tamanho do texto.
E se eu quisesse que minhas
letras de música ficassem centralizadas?
Eu poderia usar a propriedade
text-align, e especificar center.
Eu poderia também mudá-la para
right ou justified,
mas acho que ficaria um pouco estranho.
E se eu quisesse sublinhar meu
parágrafo princial?
Eu poderia usar a propriedade
text-decoration
e especificar underline.
E se eu quisesse remover
o sublinhado dos meus links,
como aquele para a Wikipedia?
O navegador tem um grupo
padrão de estilos
que é aplicado em tudo.
Como text-decoration: underline
para links.
Mas podemos usar CSS para sobrescrever
os estilos padrão do navegador,
e dizer text-decoration: none.
Basta adicionar esta regra:
{ text-decoration: none; }
E você pode ver agora que
não está mais sublinhado.
Mas devemos tomar cuidado
quando fazemos isso,
porque o que os padrões são
escolhidos por uma razão.
Se os links não são sublinhados, como as
pessoas saberão que são links?
E se nunca clicarem neles porque
pensam que são só texto normal?
Se removermos esse sublinhado,
deveríamos ter certeza
que os links pareçam bem diferentes
de alguma outra forma.
Senão, deixaremos os usuários tristes.
E usuários tristes me deixam triste.
Deveriam deixar você triste também.
Eu poderia te falar de propriedades
de texto o dia todo.
Mas não vou, porque temos
muito mais para aprender.
Existem milhares de propriedades CSS.
E navegadores adicionam mais todo ano.
Provavelmente nunca vou
te falar sobre todas elas.
Mas eu posso te falar o bastante
para te deixar animado.
E se está se perguntando se há uma
propriedade CSS para algum estilo
e não está na nossa documentação aqui,
pode visitar seu buscador
preferido e descobrir.
Por exemplo,
se está se perguntando
se há um jeito de adicionar uma
sombra ao seu texto,
busque por "sombra em texto CSS"
e verá vários resultados.
De modo geral, ser capaz
de buscar na internet
para responder suas perguntas é
uma habilidade importante
para um desenvolvedor web.
Porque muitas pessoas tiveram as
mesmas dúvidas que você,
e 99,9 porcento das vezes,
a resposta está lá.
Só precisa ficar bom em encontrá-la.
Legendado por [Pablo Vieira]
Revisado por [Alberto Oliveira]