Browsing the archives for the CSS category.

CSS - Tamanho da fonte

CSS, Web 2.0, programação
 

Agora vamos ver como escolher o tamanho da fonte do nosso site.

A propriedade utilizada é font-size e a sintaxe é a seguinte:

lugar do texto {font-size:propriedade;}

onde lugar no texto é o lugar onde você quer aplicar a propriedade como paragrafo (<p>), cabeçário (h1, h2, …) etc..; e a propriedade pode ser :

  • um tamanho padronizado (xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger)
  • uma medida reconhecida pela CSS (pt, px, em, cm…)
  • porcentagem %

ex.

h1 {font-size: 16px;}

h2 {font-size: 12pt;}

p {font-size: 100%;}

O comado deve ser inserido antes da tag body no documento CSS que criamos , o estilo.css.

Com esta aula já podemos formatar o tamanho de fonte do nosso documento estilo.css.

Pratique esta aula !!!

Vejam tambem:

 CSS - Alinhando textosCSS - Recuo do texto e CSS - Formatando fontes - Tipos

Qualquer dúvida entre en contato !!!

Param saber mais acesse:

CSS para webdesigners ; CSS tutorial ; W3 Schools

Espero que tenham gostado !!!

No Comments

CSS - Recuo do texto

CSS, Web 2.0, programação

Mais uma propriedade de texto para formatarmos nossa página da web. Desta vez estou tratando de recuo do textono ínicio de um parágrafo.

A propriedade utilizada é text-indent e a sintaxe é a seguinte:

lugar do texto {text-indent:propriedade;}

onde lugar no texto é o lugar onde você quer aplicar a propriedade como paragrafo (<p>), cabeçário (h1, h2, …) etc..; e a propriedade pode ser :

  • tamanho nos padrões de medida reconhecidas pela CSS como cm, em, px, pt;
  • em porcentagem de um elemento considerado padrão .

ex.

h2 {text-indent: 60pt;}

p {text-indent: 2cm;}

O comado deve ser inserido antes da tag body no documento CSS que criamos , o estilo.css.

Não esqueça do ponto e virgula no final de cada linha.

Fácil!!!

teste a tag e pratique um pouco .

Veja tambem :

 CSS - Como funciona e como aplicar em um documento HTML , CSS - Adicionando cor no texto e CSS - Alinhando textos

Qualquer dúvida entre en contato !!!

Param saber mais acesse:

CSS para webdesigners ; CSS tutorial ; W3 Schools

Espero que tenham gostado !!!

No Comments
« Older Posts


  • Veja Também!

  • Ads by Palmierinet

  • Recent Comments

    • Ad by google