Texto CSS

Existem 8 tipos de estilos de Texto, são eles:
1. Cor do texto (color)
2. Tamanho da fonte (Font Size)
3. Família de fontes (font family)
4. Estilo de fonte (font style)
5. Alinhamento de texto (text-allign)
6. Decoração de texto (text decoration)
7. Transformação de Texto (text transform)
8. Recuo de texto (text indent)

1. Cor do Texto (color)

A propriedade Cor do CSS é usada para alterar a cor do texto. O valor da cor pode ser valor HEX¹, RGB² ou nome.

HEXADECIMAL

p {color: #ffffff;}

NOME

p {color:blue;}

RGB

Obs: Cada valor representa a “força” que será usado de cada cor dentro da mistura de cores; 
Ex: Quanto maior o número de Red, mais vermelho será inserido na mistura.

₁^{Hexadecimal é o sistema numérico de base 16, denotado utilizando os símbolos 0–9 e A–F (ou a– f )}

₂ ^{A abreviatura RGB (Red, Green, Blue) representa o método de cores utilizado nos monitores, que fazem uso dessas cores para compor imagens coloridas no computador.}

2. Tamanho da fonte (Font Size)

Propriedade de tamanho de fonte CSS usada para aumentar ou diminuir o tamanho do texto;

p{font-size:30px;}      

“px” = Pixel (cada “pontinho” que compõe uma tela)

3. Família de fontes (font-family)

A propriedade da família de fontes CSS é usada para alterar o tipo de fonte do texto.

 O valor font-family é o nome das fontes.

p{font-family:Arial;}

4. Estilo de fonte (font style)

A propriedade de estilo de fonte CSS é usada para alterar o estilo da fonte do texto.

Ex:

p{font-style:italic;}

5. Alinhamento de Texto (text-allign)

A propriedade text-allign do CSS é usada para alinhá-lo em diferentes tipos horizontais. Seu valor pode ser deixado, direito, esquerdo, centro, justificar (Ex: jornais).

p { text-align: right; }
p { text-align: justify; }
p { text-align: left; }
p { text-align: center; }

6. Decoração de Texto (text decoration)

A propriedade de decoração de texto CSS é usada para definir ou remover a decoração do texto, seu valor pode ser nenhum, overline, line-through, underline.

p {text-decoration: overline;}

EXEMPLO

p
{text-decoration: line-through;}

EXEMPLO

p {text-decoration: underline;}

EXEMPLO

7. Transformação de Texto (text-transform)

A propriedade de transformação de texto do CSS é usada para alterar o texto para maiúscula, minúscula ou para capitalizar a primeira letra de cada palavra;

Capitalizar = Deixar em “Caps-Lock” a primeira letra de cada palavra, ou seja, deixa-la em maiúsculo;

p {text-transform: uppercase;}      
*Tudo em maiúsculo.

EXEMPLO DE FRASE EM UPPERSCASE.

p {text-transform: lowercase;}      
*Tudo em minúsculo.

exemplo de frase em lowercase.

p{ text-transform: capitalize;}     
 * A primeira letra em maiúsculo.

Exemplo De Frase Em Capitalize.

8. Recuo de Texto (text-indent)

A propriedade de recuo de texto CSS é usada para especificar o recuo da primeira linha de um texto. (Indentação de parágrafo)

p{text-indent:30px;}

Eae , gostou do post ??
Deixa um comentário aii !!!