As propriedades margin e padding podem ser confusas para desenvolvedores iniciantes. Esse artigo é para aqueles que estão começando a aprender CSS. Aqui explico de forma bem detalhada as propriedades fundamentais do CSS, margin e padding. Saiba quando usar um ou o outro.

Este tutorial mostra como desenvolver uma página de erro 404 animada. Para tal efeito usamos algumas imagens e pequenas regras de CSS para animação. O código é simples e quem já possui um conhecimento em CSS entenderá rapidamente o significado das regras para esse efeito. Veja o resultado final da página de erro 404 animada.

CSS3

CSS3 continua a ganhar a cada dia mais e mais popularidade, está presente na maioria dos sites de quem trabalha com web, apesar de ainda dizerem ser cedo para aprender e aplicar as CSS3, já que as propriedades e seletores não são totalmente suportadas por todos os navegadores.

CSS3 permite a você o poder de criar bordas arredondadas, adicionar sombra em textos sem o uso de imagens, inserir fontes e muitos outros efeitos com propriedades CSS3.Veja a lista de algumas propriedades CSS introduzida na CSS3 e seu suporte aos principais navegadores.

Existem dois tipos principais de layouts com CSS: largura fixa e de largura variável (conhecido também como, layout líquido ou layout fluido), esse último o site se ajusta ao tamanho da janela do navegador do usuário. Outra coisa que se pode fazer é deixar a coluna do conteúdo como uma largura variável e as colunas [...]

Vou mostrar um exemplo rápido para fazer o efeito de revelar a legenda de uma imagem apenas quando o usuário passar o mouse sobre a imagem. Normalmente se coloca a legenda logo abaixo da imagem, nesse caso a legenda aparecerá sobre a imagem e na parte inferior. O efeito é inteiramente feito com CSS, sem [...]

Ultimate CSS Gradient Generator é uma ferramenta online gratuita para desenvolvedores web. Com ela você pode criar gradientes em uma interface semelhante a de criação de gradientes do Photoshop. Após criar seu gradiente personalizado ou escolher um dos padrões já existentes o aplicativo nos dá o código CSS3 gerado.

Uma declaração CSS3 que poucos conhecem é capaz de alterar a cor padrão de uma seleção de texto na web, para uma cor de sua escolha. Sabemos que independente da cor da fonte e plano de fundo sempre que selecionamos um texto em uma página da web, a fonte por padrão é alterada para branco [...]

CSS3

Firefox, Safari e Chrome já implementaram propriedades do CSS3. Para que funcionem, é necessário adicionarmos os prefixos -moz (para renderização no Firefox) e -webkit (para renderização nos navegadores Chrome e Safari). Ambos são soluções proprietárias dos fabricantes. Veja abaixo 10 efeitos das folhas de estilos CSS3.

A propriedade text-shadow do CSS permite adicionar uma sombra no texto descartando o uso de imagens. A maioria dos navegadores já possuem suporte para essa propriedade, entre eles estão: Safari, Opera, Chorme e Firefox.