Quem está aprendendo CSS costuma ter constantes dúvidas com relação ao uso do position que lhe permite definir a posição de um elemento como um DIV. Existem variações como position:static, position:relative, position:absolute e position:float. que nem sempre é fácil de imaginar e de se lembrar antes de usar.
Uma dica que temos é o tutorial apresentado [...]
Esta dica é para quem está desenvolvendo um site que precisa ser bem visualizado através de um celular com tela grande como é o caso do Iphone da Apple. O site matthewjamestaylor fornece para download 7 pacotes de templates CSS com desenho liquido que se adapta a qualquer tamanho de tela.
Basta clicar em cada modelo [...]
Neste artigo publicado em woork.blogspot.com (tradução) você encontrará os códigos html e css para criar um formulário sem uso de qualquer tabela. Tem muita gente não gosta de usar tabelas em seus sites. O fato é que criar formulários em tabelas html é bem mais rápido e prático. Mas a forma rápida de fazer as [...]
O site webdesignerwall.com publicou um artigo onde mostra 20 exemplos de utilização de CSS para adicionar molduras e outros elementos decorativos nas fotos do seu site.
Ele disponibiliza um arquivo .zip para download com todos os exemplos, imagens e arquivos css utilizadas no demo existente no site. Veja os exemplos aqui.
Você poderá adicionar pequenos ícones sobre [...]
O site kilianvalkhof.com publicou uma solução em CSS e javascript que permite destacar todos os links de uma página que estão direcionados para uma mesma URL quando passamos a seta do mouse por um deles.
Digamos que você tenha 3 links em um mesmo texto apontado para um mesmo endereço. Ao passar o mouse sobre qualquer [...]
O site cssglobe publicou um artigo com 4 técnicas CSS para criar links de texto, links em imagens e links através de botões com efeito 3D. O resultado do botão é uma bonita figura de botão projetado na página que com o passar do mouse se move para baixo. Veja o exemplo. Outro CSS interessante [...]
Neste artigo publicado pelo site webdesignerwall você aprenderá como adicionar degradê em textos utilizando CSS. Isto vai lhe poupar de criar imagens com textos para títulos de suas páginas. O estilo de fontes com degradê que dão a impressão de que são feitas de material metálico está na “moda”. Existem algumas vantagens em utilizar textos [...]
Utilizando CSS é possível que você modifique o cursor do mouse dos visitantes do seu site. Isto funciona com o Internet Explorer e navegadores como o Firefox.
Existem dezenas de cursores diferentes a sua escolha. Você encontrará uma tabela com todos os cursores neste artigo. Passe o mouse sobre os textos “TEST” da tabela para ver [...]
O site cssglobe.com publicou um artigo com um modelo CSS para download de barra de processo. Estas barras são muito utilizadas em sites com aplicações javascript/ajax ou são exibidas logo após o preenchimento de formulários html. Você pode ver a animação da barra aqui. Você pode baixar o modelo CSS e imagens neste arquivo [...]
Nesta página do site meiert.com mostra uma tabela com as diferenças entre as propriedades que podem ser utilizadas no CSS1, CSS2, CSS2.1 e CSS3. Outra tabela interessante fornecida pelo mesmo site é a que apresenta as diferenças entre o HTML 3.2, HTML 4.01, XHTML 1.0, XHTML 1.1, HTML 5 e XHTML 2.0. Veja aqui. São [...]