Estilos CSS

Uma das vantagens das CSS raramente explorada é a possibilidade de se criar imagens de fundo em camadas, e fazer com que elas deslizem umas sobre as outras criando efeitos bem interessantes. As CSS2 permitem que somente uma imagem de fundo possa ser colocada em um elemento HTML. Para muitos dos componentes de uma interface, temos a nossa disposição vários elementos para a marcação estrutural.

Um destes componentes é a navegação em abas. Já está na hora de termos o total controle sobre as abas, que a cada dia se tornam mais populares como um componente primário de navegação no site. Agora que as CSS são bem suportadas, podemos incrementar a qualidade e aparência das abas em nossos sites. Você sabe muito bem que as CSS podem ser usadas para estilizar de muitas maneiras um elemento lista ( link para artigo em inglês: tame a plain unordered list). Talvez você já trenha visto listas estilizadas como abas, parecida com esta mostrada abaixo:

E que tal, se com a mesma marcação usada para a lista acima, pudessemos estilizar de modo a obter as abas mostradas abaixo:

Podemos sim, com simples estilização. Read the rest of this entry »

O fundo dos elementos HTML

A propriedade background define as características (os valores na regra CSS) do fundo dos elementos HTML.

As propriedades background são as listadas abaixo:

• background-color…………… cor do fundo;
• background-image…………. imagem de fundo;
• background-repeat…………. maneira como a imagem de fundo é posicionada;
• background-attachment…….se a imagem de fundo “rola” ou não com a tela;
• background-position…………como e onde a imagem de fundo é posicionada;
• background……………………maneira abreviada para todas as propriedades; Read the rest of this entry »