quarta-feira, 15 de outubro de 2014

Formatação CSS -> Texto

Monte a estrutura HTML, Dentro do comando <body>, Acrescente o comando de Titulo ( <h1> ) e insira o Titulo da Pagina 



Há muitas definições para o termo CSS, no geral usamos esta linguagem para mexer com o Layout do Site, o Plano de Fundo, As  cores, etc.
Hoje iremos trabalhar com a formatação de Texto em CSS

Ao começar a formatar  texto usando a Linguagem
 CSS, dentro do comando <head>, Abaixo do Final de </title>,  Inicie o Comando                                        <style type="text/css">
( Estilo Padrão de Texto css).




Após iniciar o comando, Feche-o, Os próximos comandos serão inseridos dentro do comando <style>




Dentro do comando <style > nós iremos formatar um comando o comando H1.
 Acrescente  H1,  Abra  chaves ( { ), Apos abrir as chaves feche as.
Os próximos comando serão digitados dentro das
chaves.





 Por Exemplo:
              
                  h1{
                      color:red;
                      font-size:80px;
                      font-family:freestyle script;
                      letter-spacing:10px;
                      text-decoration:underline;
                      text-align:center;
                    }


Color --> Cor do Texto
      Adicionar uma cor ao texto a ser digitado dentro
do comando que estamos formatando, as cores (como no exemplo
A cima) podem ser digitadas em Inglês ou em Hexadecimal.




font-size --> Tamanho da fonte
      O tamanho da Fonte será digitados em Pixels ( por
exemplo 80px ), não se esqueça de Acrescentar "px" depois do
numero. 




font-family -->  Tipo da Letra
    Com este comando você define o tipo da letra. Após digitar o  comando acrescente o nome da letra que desejar.



letter-spacing --> Espaço entre as letras
       Este comando  semelhante ao comando font-size, a diferença é que ao invés de definir o TAMANHO  da letra, você estará  definindo a distancia entre uma letra a outra.
 Não se esqueça de acrescentar "px" após o numero.



text-decoration -->  Decoração do texto
             Ao inserir este comado você pode deixar o texto Sublinhado (underline) ou  passar uma 
linha acima do Texto (overline).









Nenhum comentário: