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 HEX1, RGB2 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.

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

2 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 !!!

Curta nossa página no Facebook

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here