TEKSblog

curso de java e muito mais!

CSS - Tamanho da fonte

July 27th, 2008 by Rogerio Cesar Palmieri

 

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

Category: CSS, Web 2.0, programação | No Comments »

CSS - Adicionando cor no texto

July 15th, 2008 by Rogerio Cesar Palmieri

Nas próximas aulas vamos tratar da formatação do texto na página. Hoje veremos a propriedade color que dá cor ao texto.

color - cor do texto

sintaxe:

lugar do texto {color:propriedade;}

onde lugar do texto é o paragrafo(<p>) , cabeçário(h1,h2…)e as  propriedade podem ser o código da cor, código em rgb ou o nome da cor

ex:

h1 {color:#FFFFFF}

h2 {color :00FF00}

p {color: blue}

As referências a cor devem ser colocadas antes da tag body no nosso documento 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 :

A propriedade background e CSS - Como funciona e como aplicar em um documento HTML

Qualquer dúvida entre en contato !!!

Param saber mais acesse:

CSS para webdesigners ; CSS tutorial ; W3 Schools

Espero que tenham gostado !!!

Category: CSS, Web 2.0, programação | No Comments »