CSS3Tutorial Básico

CSS3 Tutorial

CSS3é a mais recente evolução da linguagem de folhas de estilo em cascata, destinada a expandir o CSS2.1Ele trouxe muitas novidades aguardadas, como cantos arredondados, sombras, gradientes, transições ou animações, além de novos layouts, como multi-coluna, caixas flexíveis ou layout de grade. As características experimentais têm prefixo do fabricante e devem ser evitadas em ambientes de produção ou devem ser utilizadas com extremo cuidado, pois sua sintaxe e semântica podem mudar no futuro.

CSS3tem muitas novas características, como efeitos arredondados, bordas gráficas, sombras de bloco e sombras de texto, efeitos de transparência usando RGBA, efeitos de gradiente, uso de @Font-Face realiza personalização de fontes, múltiplos fundos de imagem, transformação de texto ou imagem (rotação, ampliação, inclinação, movimento), layout de várias colunas, consultas de mídia, etc.

CSS3 Tutorial

O CSS é usado para controlar o estilo e a disposição das páginas da web.

CSS3 é o padrão CSS mais recente.

Este tutorial lhe ensina CSS3 com novas características.

Comece a aprender CSS3!

CSS3 Exemplo de Animação, demonstrando uma animação de transição entre o fundo vermelho e verde.

Exemplo

!DOCTYPE　html>　　
<html>　　
<head>　　
<style>　　　
div　{　　
　　　　width:　100px;　　
　　　　height:　100px;　　
　　　　background:　red;　　
　　　　-webkit-animation:　myfirst　6s;　/*　Chrome,　Safari,　Opera　*/　　
　　　　animation:　myfirst　5s;　　
}　　
/*　Chrome,　Safari,　Opera　*/　　
@-webkit-keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
　　
@keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>Atenção:</b>　IE　9　E versões anteriores não suportam CSS3　Propriedades de Animação.　</p>　　
<div></div>　　
</body>　　
</html>

Teste e veja ‹/›

CSS3 Manual de Referência

No site Tutorial Básico, oferecemos um CSS completo3 Manual de Referência, incluindo a sintaxe, exemplos e informações de suporte do navegador de todos os atributos e seletores de elementos.

Manual de Referência de Atributos do CSS

Manual de Referência de Selectores do CSS

Manual de Referência de Cores do CSS

CSS3 Introdução