quinta-feira, 4 de julho de 2002

Trabalhando com CSS2

Olá pessoal, abaixo apresento algumas formas de otimizar o código html.


<span style="text-transform: none">Teste teste</span>
<input type=text style="text-transform: none" value="Teste teste">
saída : Teste teste


<span style="text-transform: capitalize">Teste teste</span>
<input type=text style="text-transform: capitalize" value="Teste teste">
saída : Teste Teste


<span style="text-transform: lowercase">Teste teste</span>
<input type=text style="text-transform: lowercase" value="Teste teste">
saída : teste teste


<span style="text-transform: uppercase">Teste teste</span>
<input type=text style="text-transform: uppercase" value="Teste teste">
saída : TESTE TESTE


Neste exemplo utilizei classes para definir os estilos aplicados aos objetos, otimizando e facilitando muito a manutenção do código.


<style>
Definimos a classe e setamos o objeto e o evento.
a.exemplo:hover
{
Atributos
    color            : yellow ;
    font-size        : 10px   ;
    background-color : red    ;
    text-decoration  : none   ;
    cursor           : help   ;
}

</style>


<a class="exemplo" href="http://www.asp4developers.com.br">Testando estilo CSS2</a>



Esta matéria foi postada originalmente no ASP4Developers por Rafael Felix Budel, que na época era "Programador ASP, JavaScript, VBScript, CSS2, DHTML, utilizando tecnologia XML, XMLHTTP, XMLDOM, ASP.NET - C#.". Hoje, vai saber...

0 comentários: