Submarino.com.br

TEKSblog

curso de java e muito mais!
Subscribe

CSS – Tamanho da fonte

July 27, 2008 By: Rogerio Cesar Palmieri Category: 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 !!!

CSS – Recuo do texto

July 21, 2008 By: Rogerio Cesar Palmieri Category: 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 !!!