-
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]
