Formatação de Texto | Parte 1 | Tutorial de CSS | #14 | #uninerds | Universo dos Nerds
6Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css
Initial e Inherit: https://youtu.be/FlrllrGksX0
Cores: https://youtu.be/Ex8lL_jesJ4
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Grupo recomendado no vídeo:
https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #css
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Para formatar texto em CSS temos as seguintes propriedades:
- color serve para alterar a cor do texto
- direction serve para alterar a direção que o texto vai aparecer os valores possíveis são ltr da esquerda para a direita e rtl da direita para a esquerda e para esse funcionar deve utilizar em conjunto a propriedade unicode-bidi que pode ter os seguintes valores:
- normal é o valor padrão
- embed que para nós não alterou nada
- bidi-override serve para colocar o texto escrito da direita para a esquerda
- isolate que para nós não alterou nada
- isolate-override funcionou da mesma forma que o bidi-override
- plaintext volta a colocar o texto da esquerda para a direita
- letter-spacing serve para definir o espaçamento entre as letras, o valor é definido em unidade de medida e pode ser negativo
- line-height serve para definir o espaçamento entre as linhas, o padrão é normal, mas também pode ser definido como número, unidade de medida ou porcentagem
- text-align serve para alinhar o texto e pode receber os seguintes valores:
- left alinhado para esquerda
- right alinhado para direita
- center centralizado
- justify justificado
- text-indent serve para dar recuo no texto, o valor pode ser definido em unidade de medida, negativo e em porcentagem
- text-transform e pode receber os seguintes valores:
- none que é o padrão
- capitalize para deixar toda a primeira letra de cada palavra em maiúsculo
- uppercase para deixar todo texto em maiúsculo
- lowercase para deixar todo o texto em minúsculo
- word-spacing serve para dar espaçamento entre as palavras, o valor padrão é normal e pode receber unidade de medida e negativo
- text-shadow serve para colocar sombra no texto e nela temos que definir os seguintes valores:
1. A posição x que é a horizontal
2. A posição y que é a vertical
3. O tamanho do raio da sombra (este valor pode ser omitido)
4. A cor da sombra
PS: As posições x e y podem receber valores negativos